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库编写完成。