Heim > Web-Frontend > js-Tutorial > Hauptteil

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

php中世界最好的语言
Freigeben: 2018-04-04 15:58:22
Original
1501 Leute haben es durchsucht

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;
}
Nach dem Login kopieren

Ergebnisse ausführen

Code-Implementierung

index.html





Ajax登陆验证



使用Ajax实现异步登陆验证

账 号:

密 码:

Nach dem Login kopieren

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>';
 
?>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage