如何编写Ajax库

Ajax请求步骤
    1. 创建AJax对象
    2. 连接服务器
    3. 发送请求
    4. 接受返回

 1 function ajax(url, fnSucc, fnFaild)
 2 {
 3     //1.创建ajax对象
 4     var oAjax=null;
 5     
 6     if(window.XMLHttpRequest)
 7     {
 8         oAjax=new XMLHttpRequest();
 9     }
10     else
11     {
12         oAjax=new ActiveXObject("Microsoft.XMLHTTP");//让IE6兼容 XMLHttpRequest
13     }
14     
15     //2.连接服务器
16     //open(方法, url, 是否异步)
17     oAjax.open('GET', url, true);
18     
19     //3.发送请求
20     oAjax.send();
21     
22     //4.接收返回
23     /*OnReadyStateChange监控请求状态
24         readyState属性:请求状态
25             -> 0(未初始化)还没有调用open()方法
26             -> 1(载入)已调用send()方法,正在发送请求
27             -> 2(载入完成)send()方法完成,已收到全部响应内容
28             -> 3 (解析)正在解析响应内容
29             -> 4 (完成)响应内容解析完成,可以在客户端调用
30         status属性:请求结果(成功==200)
31         responseText:服务器返回给客户端的内容
32     */
33     oAjax.onreadystatechange=function ()
34     {
35         if(oAjax.readyState==4)
36         {
37             if(oAjax.status==200)
38             {
39                 //alert('成功:'+oAjax.responseText);
40                 fnSucc(oAjax.responseText);
41             }
42             else
43             {
44                 if(fnFaild)
45                 {
46                     fnFaild();
47                 }
48             }
49         }
50     };
51 }

至此,一个简单的Ajax库编写完成。

posted @ 2012-07-13 11:40  月光小兔  阅读(218)  评论(0)    收藏  举报