javascript - 将 Native Promise 转换为 JQuery 的 Promise(适用于 IE)

Question

我目前严重依赖 Javascript 中的 native “Promise”对象来执行 AJAX 调用。但是，正如 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise 中提到的经过我在 IE11 中的测试， native promise 在 IE 中不起作用。

现在，解决方案是使用 JQuery 的 Promises，但我无法使其工作。 请找到以下 Native Promise 代码:(适用于除 IE 之外的所有浏览器)

var getJSON = function (url) {
    return new Promise(function (resolve, reject) {
        var xhr = new XMLHttpRequest();
        console.log(window.location);
        console.log(window.location.origin);
        xhr.open('get', url, true);
        xhr.withCredentials = true;
        xhr.responseType = 'application/json';
        xhr.onload = function () {
            var status = xhr.status;
            if (status == 200) {
                resolve(xhr.response);
            } else {
                reject(status);
            }
        };
        xhr.send();
    });
};

getJSON(url).then(function (data) {
    console.log(data);
    console.log("Success");           
}, function (status) { //error detection....
    console.log(status);
    alert('Something went wrong.');
});*/

我尝试过类似的方法，但没有成功

 var promise = $.ajax({
    url: url,
    beforeSend: function (xhr) {
        xhr.withCredentials = true;
    }
}).done(function (data){
    console.log(data);  
});

我认为我们必须使用延迟对象，但无法弄清楚! 注意:由于缺少 Node.js，无法使用 PolyFill 或 BlueBird 谢谢

Answer 1

var p = $.ajax({
    url: "yoururl",
    type: "GET",
    dataType: 'json',
    xhrFields: {
         withCredentials: true
    }
});
// use p.then()

注意:
jQuery 直接有一个 $.JSON() 函数。
另外，看看Promise-Polyfill如果你只是想要 promise !