Heim > Artikel > Backend-Entwicklung > So schreiben Sie ein Login mit Ajax
Dieser Artikel stellt vorwie man Ajax zum Schreiben von Logins verwendet
Der vollständige Name von AJAX ist Asynchronous JavaScript und XML (asynchrones JavaScript und XML).
Vorteile von Ajax:
1. Der größte Punkt ist, dass die Seite nicht aktualisiert wird und die Benutzererfahrung sehr gut ist.
2. Verwenden Sie den asynchronen Modus, um mit dem Dienst--Server zu kommunizieren, mit schnellerer Reaktionsfähigkeit. .
3. Sie können einen Teil der Arbeit, die zuvor vom Server belastet wurde, auf den Client übertragen, indem Sie die ungenutzte Kapazität des Clients für die Verarbeitung nutzen, wodurch die Belastung des Servers und der Bandbreite verringert sowie Platz und Kosten für die Breitbandmiete gespart werden. Und um die Belastung des Servers zu verringern, besteht das Prinzip von Ajax darin, „Daten bei Bedarf abzurufen“, wodurch die Belastung des Servers durch redundante Anforderungen und Antworten minimiert werden kann.
4. Basierend auf standardisierter und weithin unterstützter Technologie ist es nicht erforderlich, Plug-Ins oder kleine Programme herunterzuladen.
5. Ajax kann Internetanwendungen kleiner, schneller und benutzerfreundlicher machen.
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="jquery-3.1.1.min.js"></script> /*引入jquery包*/ </head> <body> <h2>登录页面</h2> <p>用户名:<input type="text" id="uid"/></p> <p>密码:<input type="text" id="pwd"/></p> <p><input type="button" id="btn"value="登录"/></p>11</body>12</html>Der Code für dlchuli.php wird wie folgt geschrieben:
<script type="text/javascript"> $("#btn").click(function(){ //第一步:取数据,这里用到了用户名和密码 var uid=$("#uid").val(); var pwd=$("#pwd").val(); //第二步:验证数据,这里需要从数据库调数据,我们就用到了ajax $.ajax({ url:"dlchuli.php",//请求地址 data:{uid:uid,pwd:pwd},//提交的数据 type:"POST",//提交的方式 dataType:"TEXT", //返回类型 TEXT字符串 JSON XML success:function(data){ //开始之前要去空格,用trim() if(data.trim()=="OK") { window.location.href = "main.php"; } else{ alert("用户名或者密码错误"); } } }) }) </script>Nach dem Schreiben ist eine einfache Anmeldeseite, die mit Ajax geschrieben wurde Der größte Vorteil besteht darin, dass bei Auftreten eines Fehlers ein Fehler auf der Originalseite gemeldet wird und nicht zu anderen Seiten gesprungen wird
Das obige ist der detaillierte Inhalt vonSo schreiben Sie ein Login mit Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!