HTTP请求——Ajax方法封装

AJAX (Asynchronous JavaScript and XML) 是一种在网页中使用 JavaScript 发送异步 HTTP 请求并获取服务器数据的技术。

const path='http://xxxx' 

// 方法封装
function ajaxHttp(method, url, data) {
    const promise = new Promise(function (resolve, reject) {
        const xml = window.XMLHttpRequest ? new XMLHttpRequest() : new               ActiveXObject("Microsoft.XMLHttp") // 创建xml对象,用于发送请求
        xml.open(method, path + url); // 请求的类型、地址
        xml.responseType = 'json'; // 请求数据的类型
        xml.onreadystatechange = function () {
            if (xml.readyState != 4) return;
            if (xml.status == 200) {
                resolve(xml.response); // 请求成功,抛出接收到的信息
            } else {
                reject(new Error(xml.statusText)); // 请求失败,打印出请求错误信息
            }
        };
        if (method == 'get') {
            // xml.setRequestHeader("Content-Type", "application/json");// 设置get请求头
            xml.send();
        } else {
            xml.setRequestHeader("Content-Type", "application/json");// 设置post请求头                               
            xml.send(JSON.stringify(data)); // data参数序列化
        }
    })
    return promise;
}

//调用
ajaxHttp('get', '/xxx').then(function (response) {

}, function (error) {
    alert("error")
})