双ajax请求响应

Question

我正在使用ajax连续请求，当所有连续请求完成后，我需要做一个回调

function doAjaxRequest(data, id) {
    // Get payment Token
    return $.ajax({
        type: "POST",
        url: 'exemple1.php',
        data: data
        success: function(msg){
            $.ajax({
                type: "POST",
                url: 'exemple2.php',
                data: msg,
                success: function(msgr) {
                    document.getElementById(id).value=msgr;
                },
                error:function (xhr, status, error) {
                    //Do something
                }
            });
        },
        error:function (xhr, status, error) {
            //Do something
        }
    });
}

$.when(
    doAjaxRequest(data, "input-1"),
    doAjaxRequest(otherData, "input-2")
).done(function(a1, a2){
    //Need do something when both second ajax requests (example2.php) are finished
}

使用此代码，将在成功调用“ exemple2.php”之前调用done函数。

我要如何等待？

谢谢回答！

Answer 1

function doAjaxRequest(data, id) {
    // Get payment Token
    return new Promise(function(resolve,reject){
        $.ajax({
        type: "POST",
        url: 'exemple1.php',
        data: data
        success: function(msg){
            $.ajax({
                type: "POST",
                url: 'exemple2.php',
                data: msg,
                success: function(msgr) {
                    document.getElementById(id).value=msgr;
                    resolve();
                },
                error:function (xhr, status, error) {
                    //Do something
                    reject();
                }
            });
        },
        error:function (xhr, status, error) {
            //Do something
            reject();
        }
    });
    });
}



Promise.all([
    doAjaxRequest(data, "input-1"),
    doAjaxRequest(otherData, "input-2")])
.then(function(values){
    //Need do something when both second ajax requests (example2.php) are finished
}

Answer 2

您的子ajax请求与第一个ajax结果无关，然后对example2的调用与$ .when（）promise.abort完全分开。只需尝试使用jquery $ .ajax返回promise这样的事实，这是我来自plnkr的代码

// Code goes here
function doAjaxRequest(data, id) {
    // Get payment Token
    return $.ajax({
        type: "GET",
        url: 'example1.json',
        data: data
    }).then(function(msg, status, jqXhr) {
      return $.ajax({
          type: "GET",
          url: 'example2.json',
          data: msg
      });
    }).done(function(msgr) {
        console.log(msgr);
        return msgr;
    });
}

var data = {foo:'bar'};
var otherData = {foo2:'bar2'};

$.when(
    doAjaxRequest(data, "input-1"),
    doAjaxRequest(otherData, "input-2")
).done(function(a1, a2) {
    console.log(a1, a2);
    //Need do something when both second ajax requests (example2.php) are finished
});

注意，我将POST替换为GET并在exampleX.json文件中对exampleX.json进行测试

您可以在这里进行测试： https : //plnkr.co/edit/5TcPMUhWJqFkxbZNCboz

Answer 3

返回一个自定义的延迟对象，例如：

function doAjaxRequest(data, id) {
    var d = new $.Deferred();
    // Get payment Token
    $.ajax({
        type: "POST",
        url: 'exemple1.php',
        data: data
        success: function(msg){
            $.ajax({
                type: "POST",
                url: 'exemple2.php',
                data: msg,
                success: function(msgr) {
                    document.getElementById(id).value=msgr;
                    d.resolveWith(null, [msgr]); // or maybe d.resolveWith(null, [msg]);
                },
                error:function (xhr, status, error) {
                    //Do something
                    d.reject();
                }
            });
        },
        error:function (xhr, status, error) {
            //Do something
            d.reject();
        }
    });
    return d;
}

现在，我不确定传递给$.when().done()回调的预期数据是什么。