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登陆验证
使用Ajax实现异步登陆验证
login.php
<?php $con = mysqli_connect("localhost","root","GDHL007","sysu"); if(!empty($_GET['account'])){ $sql1 = 'select * from login where account = "'.$_GET['account'].'"'; //数据库操作 $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!