//該檔案為register.php,在用戶端<html><head><title>使用者註冊</title><meta http-equiv = "content-type" content = "text/html;charset=utf-8"/><script type = "text/javascript" >//建立ajax引擎function getXmlHttpObject(){var xmlHttpRequest;//不同瀏覽器擷取對象XmlHttpRequest對象方法不同if(window.ActiveXObject){xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");}else{xmlHttpRequest = new XMLHttpRequest();}return xmlHttpRequest;}/*function getXmlHttpObject(){//不同瀏覽器擷取對象XmlHttpRequest對象方法不同var xmlHttp = null;try{//Firefox, Opera 8.0+, SafarixmlHttp = new XMLHttpRequest();}catch(e){//Internet Explorertry{xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");}catch(e){xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}}return xmlHttp;}*/var myXmlHttpRequest = "";//驗證使用者名稱是否存在function checkName(){//1號線myXmlHttpRequest = getXmlHttpObject();//判斷建立成功？if(myXmlHttpRequest){//通過myXmlHttpRequest對象發送請求到伺服器的某個頁面//第一個參數表示請求的方式, "get"/"post"//第二個參數指定url,對哪個頁面發出ajax請求(本質仍然是HTTP請求)//第三個參數.true表示使用非同步機制，false表示不使用非同步機制//注意：此處如果"username"和"="之間有空格，否則會出錯，在伺服器端接收不到"username";//注意：如果"="之後有空格則將此空格也作為接收到的username的值的一部分。//即在伺服器端收到的username的值=“ ”(即空格)+從用戶端發送的username值。var url = "/AjaxTest/registerProcess.php?username=" + $("username1id").value;//window.alert(url);//開啟請求myXmlHttpRequest.open("get",url,true);//指定回呼函數.process是個函數名myXmlHttpRequest.onreadystatechange = process;//真正發送請求。如果是get請求則填入null即可//如果是post請求，則填入實際的資料//2號線myXmlHttpRequest.send(null);}}//回呼函數function process(){//window.alert("這是回呼函數" + myXmlHttpRequest.readyState);//我要取出從registerProcess.php頁面返回的資料if(myXmlHttpRequest.readyState == 4){//取出值，根據返回資訊的格式而定//window.alert("伺服器返回" + myXmlHttpRequest.responseText);//4號線$('myResponse').value = myXmlHttpRequest.responseText;}}function $(id){return document.getElementById(id);}</script></head><body><form action = "" method = "post">使用者名稱：<input type = "text" name = "username1" id = "username1id" ><input type = "button" onclick = "checkName();" value = "驗證使用者名稱"><input style = "border-width: 0; color: red" type = "text" id = "myResponse"><br/>密碼：<input type = "password" name = "password"><br/>電子郵件:<input type = "text" name = "email"><br/><input type = "submit" value = "使用者註冊"></form><form action = "" method = "post">使用者名稱：<input type = "text" name = "username2" ><br/>密碼：<input type = "password" name = "password"><br/>電子郵件:<input type = "text" name = "email"><br/><input type = "submit" value = "使用者註冊"></form></body></html>
//該檔案為registerProcess.php,在伺服器端<?php//接收資料$username = $_GET["username"];if($username=="shunping"){echo "使用者名稱不可用";}else{echo "使用者名稱可用";}echo "使用者名稱：".$username;//3號線?>
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
