About_AJAX

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 }

 

posted @ 2014-05-07 21:40  moemiss  阅读(186)  评论(0)  编辑  收藏  举报