封装ajax

//ajax
function ajax(options) {
    options = options || {};
    options.type = (options.type || "GET").toUpperCase();
    options.dataType = options.dataType || "json";
    options.timeout = options.timeout || 15000;
    var params = options.formatParams ? formatParams(options.data) : options.data ;

    //创建 - 非IE6 - 第一步
    if (window.XMLHttpRequest) {
        var xhr = new XMLHttpRequest();
    } else { //IE6及其以下版本浏览器
        var xhr = new ActiveXObject('Microsoft.XMLHTTP');
    }

    //接收 - 第三步
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {
            var status = xhr.status;
            if (status >= 200 && status < 300) {
                options.success && options.success(xhr.responseText, xhr.responseXML);
            } else {
                options.fail && options.fail(status);
            }
        }
    }

    //连接 和 发送 - 第二步
    if (options.type == "GET") {
        xhr.open("GET", options.url, true);
        xhr.send(null);
    } else if (options.type == "POST") {
        xhr.open("POST", options.url, true);
        //设置表单提交时的内容类型
        var contentType = options.contentType ? options.contentType : "application/x-www-form-urlencoded";
        xhr.setRequestHeader("Content-Type", contentType);
        xhr.send(params);
    }
    setTimeout(function(){
        if(xhr.readyState!=4){
            xhr.abort();            
        }
    },options.timeout);
}
posted @ 2022-07-20 18:16  猫老板的豆  阅读(7)  评论(0编辑  收藏  举报