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
    });
})();

执行ajax函数，直到另一个ajax调用成功

1 个答案: