ajax stat

function ajax(opt) {

    opt = opt || {};

    opt.method = opt.method.toUpperCase() || 'POST';

    opt.url = opt.url || '';

    //async：规定应当对请求进行异步（true）或同步（false）处理；true是在等待服务器响应时执行其他脚本，当响应就绪后对响应进行处理；false是等待服务器响应再执行

    opt.async = opt.async || true;

    opt.data = opt.data || null;

    opt.success = opt.success || function () {};

    var xmlHttp = null;

    if (XMLHttpRequest) {

        //创建 XMLHttpRequest 对象

        xmlHttp = new XMLHttpRequest();

    }

    else {

        //老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象

        xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');

    }

    var params = [];

    for (var key in opt.data){

        params.push(key + '=' + opt.data[key]);

    }

    var postData = params.join('&');

    if (opt.method.toUpperCase() === 'POST') {

        xmlHttp.open(opt.method, opt.url, opt.async);

        // setRequestHeader()：POST传数据时，用来添加 HTTP 头，然后send(data)，注意data格式；GET发送信息时直接加参数到url上就可以，比如url?a=a1&b=b1。

        xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8');

        //send() 方法可将请求送往服务器

        xmlHttp.send(postData);

    }

    else if (opt.method.toUpperCase() === 'GET') {

        //将请求发送到服务器，使用 XMLHttpRequest 对象的 open() 和 send() 方法

        xmlHttp.open(opt.method, opt.url + '?' + postData, opt.async);

        xmlHttp.send(null);

    }

    /*

        readyState：存有服务器响应的状态信息。

        0: 请求未初始化（代理被创建，但尚未调用 open() 方法）

        1: 服务器连接已建立（open方法已经被调用）

        2: 请求已接收（send方法已经被调用，并且头部和状态已经可获得）

        3: 请求处理中（下载中，responseText 属性已经包含部分数据）

        4: 请求已完成，且响应已就绪（下载操作已完成）

    * */

    //接收服务器返回的数据

    xmlHttp.onreadystatechange = function () {

        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {

            // responseText:获得字符串形式的响应数据

            opt.success(xmlHttp.responseText);

        }

    };

}