vue框架中的Axios封装

时间:2020-12-03 20:07:33
 
function axios(options) {
    let promise = new Promise((resolve, reject) => {
        var xhr = new XMLHttpRequest();
        var data = "";
        //数据处理
 
        for (var key in options.data) {
            data += "&" + key + "=" + options.data[key]
        }
 
        if (options.method == "get") {
 
            let url = options.url + "?" + data.slice(1);
            xhr.open(options.method, url);
            xhr.send();
        } else if (options.method == "post") {
 
            xhr.open(options.method, options.url);
            xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
            xhr.send(data);
        }
 
    
        xhr.onreadystatechange = function () { 
            let timer = null;
            let timeout = options.timeout?options.timeout:5000   
            if(xhr.readyState == 4 && xhr.status == 200){
                let res = JSON.parse(xhr.responseText);
                clearTimeout(timer);
                resolve(res);
            }
             
 
            timer = setTimeout(()=>{
                clearTimeout(timer);
                reject(xhr.status);
            },timeout)
            
        }
    })
    return promise;
}

相关文章