執行ajax函數，直到成功執行另一個ajax調用

Question

我需要執行一個ajax函數，這里的細節是我要執行這個函數，直到另一個ajax函數返回成功。

這是我必須等待返回成功的函數（ try..catch塊）

Ajaxfunction1

$.ajax({
        type : "GET",
        url :url,
        data : parameters,
        success : function(msg) {
            try {
                var jsonObject = JSON.parse(msg);
                console.debug(msg);
                //SendToDMS(msg);
            } catch (e) {
                $("#SaveConfig").removeAttr("disabled");
                toastr.error(msg + '.', "Message");
            }
        },
        failure : function(msg) {
            $("#SaveConfig").removeAttr("disabled");
            toastr.error('Error: ' + msg + '.', "Message");
        }
    });

我想要這樣的東西：

while ( Ajaxfunction1 != success ) { // while the previous ajax function not return success execute this another ajax function
    $.ajax({
            type : "GET",
            url :url,
            data : parameters,
            success : function(msg) {
                // something on success
            },
            failure : function(msg) {
                // something when comes an error
            }
        });
}

我該怎么做？ 謝謝你的幫助

Answer 1

您可以使用從$.ajax返回的Deferred並檢查它的state()來查看它是否已解決，拒絕或掛起，因此具有遞歸功能的類似代碼應該可以滿足您的要求。

var waitFor = $.ajax({
    type : "GET",
    url  : url,
    data : parameters
}).done(function(msg) {
    try {
        var jsonObject = JSON.parse(msg);
    } catch (e) {
        $("#SaveConfig").removeAttr("disabled");
        toastr.error(msg + '.', "Message");
    }
}).fail(function(msg) {
    $("#SaveConfig").removeAttr("disabled");
    toastr.error('Error: ' + msg + '.', "Message");
});

(function rec() {
    $.ajax({
        type : "GET",
        url  : url,
        data : parameters
    }).always(function() {

        if (waitFor.state() != 'resolved') rec();

    }).done(function(msg) {
        // something on success
    }).fail(function(msg) {
        // something when comes an error
    });
})();