使用多个并行Web服务请求监视$。延迟进度

时间:2013-05-30 22:46:31

标签: jquery ajax web-services asynchronous deferred

我希望进行一次同步webservice调用,然后进行多次并行调用,并在并行任务完成时完成最后的同步调用。我一直在研究$ .Deferred并从概念上理解它,但找不到正确的语法来做到这一点。我知道此代码中有许多错误尝试进行三次顺序调用。 checkProgress代码永远不会被调用。

function doSequential(a, b, c) {
    report("Starting Sequential Test");
    process("A", urlDo, a, '#spnA');
    process("B", urlDo, b, '#spnB');
    process("C", urlDo, c, '#spnC');
}

function process(id, url, size, selector) {
    var data = JSON.stringify({ id: id, size: size });
    var deferred = $.Deferred();
        deferred.promise = $.ajax({
            url: urlDo,
            data: data,
            type: "Post",
            contentType: 'application/json; charset=utf-8',
            dataType: "json"
        });
    deferred.then(
        function (response) {
            // Done
            $("#spn" + id).append("Done");
            report(id + " done");
            return
        },
        function (error) {
            // Fail
            $("#spn" + id).append("Error: " + error);
            report(id + " error: " + error);
            return;
        },
        function (data) {
            // Notify progress
            var check = setInterval(function () {
                var done = checkProgress(id);
                if (done) {
                    clearInterval(check);
                    return;
                }
            }, 1000);
            return;
        });
}

function checkProgress(id) {
    var data = JSON.stringify({ id: id });
    var status = ajaxCall(urlCheck, data);
    if (status) {
        $("#status" + id).text(status.count + " of " + status.size);
        report(status.message);
        return status.done;
    }
    report("checkProgress failed");
    return true;
}

1 个答案:

答案 0 :(得分:2)

$ .ajax()不会在内部调用notify方法。

$ .ajax()。progress(function(){...})不会被调用。

我认为此示例将帮助您了解延迟对象并使用它来解决您的问题。

function process(selector, url) {

    var post = new MockPost(url);

    var promise = post.start();

    promise.done(function() {
        $(selector).text("OK");
    })
    .fail(function() {
        $(selector).text("FAIL");
    })
    .progress(function(progressStr) {
        $(selector).text(progressStr + "%");
        $(selector + "_progress").attr("value", progressStr);
    });

    return promise; 
}

// Clear texts fields
$("span").text = "";

// Launch three parallels tasks 
$.when(process("#spnA", "urlA"), process("#spnB", "urlB"), process("#spnC", "urlC"))
.done(function() {
    // Print OK when all parallels tasks have finished
    $('#global').text("OK");
})
.fail(function() {
    // Print FAIL if some task fails
    $('#global').text("FAIL");
});

- > Jsfiddle:http://jsfiddle.net/UZzeC/