Asynchronous JavaScript And XML
(1)AJAX大多用于验证和分页；
(2)首先要激活（对象）：
window.ActiveXObject（针对IE）；
window.XMLHttpRequest（针对其他浏览器）
eg（验证）:
1、首先需要一个登录界面
1 <html> 2 <head> 3 <title>firstAjax</title> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> 5 </head> 6 <body> 7 <form action=""> 8 用户名：<input type="text" name="users" id="" onblur="Changes(this.value)"/> 9 <span style="color: #ff0000;font-size: 16px;font-weight: bold" id="promit"></span><br/> 10 密 码：<input type="text"/><br/> 11 <input type="submit" name="submit" value="提交"/> 12 </form> 13 </body> 14 <script type="text/javascript" src="ajax.js"></script> 15 </html>
2、从数据库中验证用户是否注册
1 <?php 2 if(isset($_GET['users'])){ 3 $users = $_GET['users']; 4 5 $conn = mysql_connect("localhost","","") or die("数据库连接失败！"); 6 mysql_select_db("test"); 7 mysql_query("set names 'utf8'"); 8 9 $sql = "select count(*) from `user_pwd` where users = '$users'"; 10 $result = mysql_query($sql); 11 $row = mysql_fetch_row($result); 12 13 if($row[0]){ 14 echo "抱歉、该用户已经被注册！"; 15 }else{ 16 echo "您可以注册"; 17 } 18 } 19 ?>
3、用AJAX验证
1 var XmlHttp;//声明对象 2 3 //第一个function是判断浏览器，并激活对象 4 function ActiveHttp(){ 5 if(window.ActiveXObject){// 万恶的IE使用 ActiveX 对象 6 XmlHttp = new ActiveXObject("MICROSOFT.XMLHTTP"); 7 }else if(window.XMLHttpRequest){//其他浏览器使用 ActiveX 对象 8 XmlHttp = new XMLHttpRequest(); 9 } 10 } 11 12 //第二个function是php中调用的函数 13 function Changes(url){ 14 ActiveHttp(); 15 XmlHttp.open("GET","yanZLog.php?users="+url,true); 16 //XmlHttp.open里面有三个参数：1、选择get还是post（我们最好使用get,如果用post的话要加上： setRequestHeader("Content-Type","application/x-www-form-urlencoded");） 17 //2、php验证地址 18 //3、true:使用AJAX；false：不使用 19 XmlHttp.onreadystatechange = doThing; 20 XmlHttp.send(null);//必不可少的！！ 21 } 22 23 //第三个function是具体要干的事 24 function doThing(){ 25 if(XmlHttp.readyState == 4){//对象状态(integer):0=未初始化，1=读取中，2=已读取，3=交互中，4=完成 26 if(XmlHttp.status == 200){//服务器返回的状态码，如404=“文件未找到”、200=“成功” 27 var sp = document.getElementById("promit"); 28 sp.innerHTML = XmlHttp.responseText; 29 } 30 } 31 }