E6 Ajax请求不工作

Question

我有一个脚本，我想从端点获取一些json数据，但是我得到了一个错误，这是我的脚本：

function httpGet(url) {
    return new Promise(
        function (resolve, reject) {
            var request = new XMLHttpRequest();
            request.onreadystatechange = function () {
                if (this.status === 200) {
                    // Success
                    resolve(this.response);
                } else {
                    // Something went wrong (404 etc.)
                    reject(new Error(this.statusText));
                }
            }
            request.onerror = function () {
                reject(new Error(
                    'XMLHttpRequest Error: '+this.statusText));
            };
            request.open('GET', url);
            request.send();
        });
}

var url = 'https://api.jsonPlaceholder.com';

httpGet(url)
  .then(JSON.parse)
  .then((r) => {
    console.log(r);
  }).catch(function(error) {
    console.log(error);
  });

然后，在控制台中抛出一个错误：

错误在XMLHttpRequest.request.onreadystatechange (app.js:11)在app.js:18在承诺()在httpGet (app.js:2)在app.js:25

Answer 1

您不能只检查status，您必须先检查readyState == 4，然后才能决定发生了什么：

function httpGet(url) {
    return new Promise(
        function (resolve, reject) {
            var request = new XMLHttpRequest();
            request.onreadystatechange = function () {
                if (this.readyState === 4) {                            // ***
                    if (this.status === 200) { 
                        // Success
                        resolve(this.response);
                    } else {
                        // Something went wrong (404 etc.)
                        reject(new Error(this.statusText));
                    }
                }                                                       // ***
            }
            request.onerror = function () {
                reject(new Error(
                    'XMLHttpRequest Error: '+this.statusText));
            };
            request.open('GET', url);
            request.send();
        });
}

规格说，在请求完成之前访问this.response应该只返回一个空字符串，但是对于我使用Chromev57，这样做会给出您引用的错误。添加readyState检查会修复它。