Ajax implementiert eine asynchrone Funktion zur Überprüfung des Benutzernamens

Wenn der Benutzer das Konto ausfüllt und zum Passwortfeld wechselt, verwenden Sie Ajax, um die Verfügbarkeit des Kontos zu überprüfen. In diesem Artikel wird hauptsächlich die asynchrone Benutzernamensüberprüfungsfunktion von Ajax ausführlich vorgestellt.

Schauen wir uns zunächst das einfache Layout an

Ajax-Funktion:

Wenn der Benutzer das Konto ausfüllt und zum Passwortfeld wechselt, 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;
}

Laufendes Ergebnis

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 &#39;<font style="color:#00FF00;">该用户存在</font>&#39;;
    else 
      echo &#39;<font style="color:#FF0000;">该用户不存在</font>&#39;;
    mysqli_close($con);
  }else
    echo &#39;<font style="color:#FF0000;">用户名不能为空</font>&#39;;
 
?>

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Verwandte Empfehlungen:

Über das Kapselungsbeispiel einer Ajax-Netzwerkanforderung

Lösung für das Problem des Ajax-Rollbacks und der Aktualisierung der Seite

Detaillierte Erläuterung der Ajax-Anfrage und des Filterkooperationsfalls

Das obige ist der detaillierte Inhalt vonAjax implementiert eine asynchrone Funktion zur Überprüfung des Benutzernamens. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!