So implementieren Sie die asynchrone Benutzernamenüberprüfung mit Ajax

Dieses Mal zeige ich Ihnen, wie Sie die asynchrone Benutzernamenüberprüfung mit Ajax implementieren. Was sind die Vorsichtsmaßnahmen für die Implementierung der asynchronen Benutzernamenüberprüfung mit Ajax? Hier ist ein praktischer Fall.

Schauen wir uns zunächst das Layout an:

Ajax-Funktion:

Wenn der Benutzer das Feld „Wenn das Konto wechselt“ ausfüllt, verwenden Sie Ajax, um die Verfügbarkeit des Kontos zu überprüfen. Die Überprüfungsmethode lautet wie folgt: Erstellen Sie zunächst ein XMLHTTPRequest-Objekt, senden Sie dann die zu überprüfenden Informationen (Benutzername) zur Überprüfung an den Server und bestimmen Sie schließlich anhand des vom Server zurückgegebenen Status, ob der Benutzername verfügbar ist.

function checkAccount(){
var xmlhttp;
var name = document.getElementById("account").value;
if (window.XMLHttpRequest)
 xmlhttp=new XMLHttpRequest();
else
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 
xmlhttp.open("GET","login.php?account="+name,true);
xmlhttp.send();
 
xmlhttp.onreadystatechange=function(){
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
  document.getElementById("accountStatus").innerHTML=xmlhttp.responseText;
}

Ergebnisse ausführen

Code-Implementierung

index.html

使用Ajax实现异步登陆验证

账 号：


密 码：

login.php

<?php
  $con = mysqli_connect("localhost","root","GDHL007","sysu");
 
  if(!empty($_GET[&#39;account&#39;])){
    $sql1 = &#39;select * from login where account = "&#39;.$_GET[&#39;account&#39;].&#39;"&#39;;
    //数据库操作
    $result1 = mysqli_query($con,$sql1);
    if(mysqli_num_rows($result1)>0)
      echo '<font style="color:#00FF00;">该用户存在</font>';
    else 
      echo '<font style="color:#FF0000;">该用户不存在</font>';
    mysqli_close($con);
  }else
    echo '<font style="color:#FF0000;">用户名不能为空</font>';
 
?>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Diskussion und Forschung zu Ajax

Wie AJAX asynchrone und teilweise Aktualisierungen implementiert

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die asynchrone Benutzernamenüberprüfung mit Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!