ajax 樣本源碼

最後更新：2018-12-03 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

<!DOCTYPE html><html><head><title>ajax的無重新整理使用者驗證</title><meta charset="utf-8"><script type="text/javascript" src="jquery-1.2.6.pack.js"></script><script type="text/javascript" src="login.js"></script></head><body><form action="#"><p>使用者名稱：<input type="text" name="username" onkeyup="chkuser();" id="username"><input type="button" onclick="chkuser();" value="驗證使用者名稱"><span id="chkres"><span></p><p>密碼：<input type="password" name="pwd"></p><p><input type="submit"></p></form></body></html>

//login.jsvar xmlhttp;function chkuser(){xmlhttp=null;if (window.XMLHttpRequest){// code for all new browsersxmlhttp=new XMLHttpRequest();}else if (window.ActiveXObject){// code for IE5 and IE6xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}if (xmlhttp!=null){/*//GET方式發送請求var username=$("#username").val();url="userchk.php?username="+username;xmlhttp.open("GET", url, true);xmlhttp.onreadystatechange=chkuserRes;xmlhttp.send();*///POST發送請求url="userchk.php";var data="username="+$("#username").val();xmlhttp.open("POST", url, true);xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");xmlhttp.onreadystatechange=chkuserRes;xmlhttp.send(data);}else{alert("Your browser does not support XMLHTTP or XMLHttpRequest");}}function chkuserRes(){if(xmlhttp.readyState==4){if(xmlhttp.status==200){/*//處理html格式的返回var res=xmlhttp.responseText;$("#chkres").text(res);*//*//處理xml格式的返回var xmlres=xmlhttp.responseXML;var msgs=xmlres.getElementsByTagName("msg")[0];var msgtext = msgs.childNodes[0].nodeValue;alert(msgtext);*///處理json格式的返回var res=xmlhttp.responseText;var res_obj=eval("("+res+")");//字串轉成json對象$("#chkres").text(res_obj.msg);}}}

userchk.php

//userchk.php<?php/*//以html格式返回header("Content-Type:text/html; charset=utf-8");header("Cache-Control:no-cache");//$username=$_GET['username'];//$username=$_POST['username'];if($username=="phf"){echo "使用者名稱不可用";}else{echo "使用者名稱可用";}*//*//以xml格式返回。header("Content-Type:text/xml; charset=utf-8");header("Cache-Control:no-cache");$username=$_POST['username'];$res="";if($username=="phf"){$res="<res><msg>使用者名稱不可用</msg></res>";}else{$res="<res><msg>使用者名稱可用</msg></res>";}echo $res;*///以json格式返回header("Content-Type:text/html; charset=utf-8");header("Cache-Control:no-cache");$username=$_POST['username'];$res="";if($username=="phf"){$res='{"msg":"使用者名稱不可用"}';}else{$res='{"msg":"使用者名稱可用"}';}echo $res;?>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More