Ajax封装函数笔记

Ajax封装函数：

function ajax(method, url, data, success) {
//打开浏览器
//1.创建一个ajax对象
    var xhr = null;
    try {
        xhr = new XMLHttpRequest();    //正常浏览器
    } catch (e) {
        xhr = new ActiveXObject('Microsoft.XMLHTTP');    //兼容IE6以下
    }
    
//2.在地址栏输入地址,提交发送请求：open方法,send方法
//open方法有三个参数：1.打开方式；2.地址；3.是否异步
//true:异步,非阻塞 前面的代码不会影响后面代码的执行;false:同步,阻塞 前面的代码会影响后面代码的执行
//注意get和post方式的区别
    if (method == 'get' && data) {
        url += '?' + data;
    }

    xhr.open(method,url,true);
    if (method == 'get') {
        xhr.send();
    } else {
        xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
        xhr.send(data);
    }
  //3、等待服务器返回内容
     //responseText : ajax请求返回的内容就被存放到这个属性下面
     //on readystate change : 当readyState改变的时候触发
     //status : 服务器状态，http状态码
    xhr.onreadystatechange = function() {

        if ( xhr.readyState == 4 ) {
            if ( xhr.status == 200 ) {
                success && success(xhr.responseText);
            } else {
                alert('出错了,Err：' + xhr.status);
            }
        }

    }
}