学习链接

阮一峰：XMLHttpRequest 对象

实现AJAX请求

Ajax

• 创建 XMLHttpRequest 实例

• 发出 HTTP 请求

• 接收服务器传回的数据

• 更新网页数据

function ajax({ url = null, method = 'GET', type = 'json', async = true }) {
    return new Promise((resolve, reject) => {
        const xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
        xhr.open(method, url, async)
        xhr.responseType = type
        xhr.setRequestHeader('Accept', 'application/json');
        xhr.onreadystatechange = function () {
            if (this.readyState !== 4) {
                return;
            }
            if (this.status === 200 || this.status === 304) {
                resolve(this.responseText);
            } else {
                reject(this.statusText);
            }
        }
        xhr.onerror = err => {
            reject(err);
        }
        xhr.send(null);
    })
}