ajax函数写法

发表于   |   分类于   |   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
function ajax (url, fnSucc, fnFaild){
    // 创建ajax对象
    // IE6 以上浏览器
    
    // var oAjax = new XMLHttpRequest();
    // alert(oAjax);
    
    // IE6
    // var oAjax = new ActiveXObject("Microsoft.XMLHTTP");
    // alert(oAjax);
    

    // 全局的变量都是window的属性
    // 用一个不存在的变量时候会出错
    // 用一个不存在的属性时提示undefined
    
    var oAjax = null;
    // 创建ajax对象
    if (window.XMLHttpRequest) {
        oAjax = new XMLHttpRequest();
    } else {
        oAjax = new ActiveXObject("Microsoft.XMLHTTP");
    }

    // 连接服务器
    // open(方法， url， 是否异步)
    oAjax.open('GET', url, true);

    // 发送请求
    oAjax.send();

    // 接收返回信息
    // 有状态变化时
    oAjax.onreadystatechange = function (){
        // 判断是否结束
        if (oAjax.readyState === 4) {
            // 判断是否成功
            if (oAjax.status === 200) {
                // 读取响应内容
                fnSucc(oAjax.responseText);
            } else {
                // 请求失败
                if (fnFaild) {
                    fnFaild();
                }
            }
        }
    }
}