2

複数の並列非同期サーバー タスクの進行状況を監視するテスト ケースを作成しようとしています。コードはある程度機能していますが、理解できない部分がいくつかあります。まず、以下の $.ajax 呼び出しは何を返しますか? 理論的には未定義を返すはずですが、そうではないようです。

function doParallel() {    
    var promiseA, promiseB, handleSuccess, handleFailure;
    var dataA = JSON.stringify({ size: a });
    var dataB = JSON.stringify({ size: b });

    promiseA = $.ajax({
        url: testGlobal.urlA, 
        data: dataA,
        type: "POST",
        async: true,
        contentType: 'application/json; charset=utf-8',
        dataType: "json",
        success: function (rtnData) {
            //  Get the result
            result = (rtnData === undefined) ? null : $.parseJSON(rtnData.d);
        },
        error: function (xhr, textStatus, errorThrown) {
            //  Whoops! didn't work
            reportAjaxError(xhr, textStatus, url, data);
        },
        complete: function (xhr, textStatus) {
            //  Errors have already been handled, so only 
            //  deal with success cases
        }
    });  <--- WHAT GETS RETURNED TO PROMISE HERE?

... (same code for promiseB, etc.
    var notifyingPromiseA = intervalPromise(2000, 'a');
    var notifyingPromiseB = intervalPromise(2000, 'b');

...
    promiseA.done(function() {
        log("A done");
    }
    promiseB.done(function() {
        log("B done");
    }
    $.when(promiseA, promiseB).done(function() { log ("All done") });
}

function intervalPromise(millis, source) {
    var deferred = $.Deferred();
    //checkProgress();
    log("Checking progress on " + source);
    var id = setInterval(function () {
        deferred.notify();
        if (testGlobal.aDone && testGlobal.bDone) {
            clearInterval(id);
            deferred.resolve();
        }
    }, millis);
    return deferred.promise();
}

...

4

3 に答える 3

6

$.ajax()オブジェクトを返しXMLHttpRequestます。jQuery v1.5 では、 /インターフェイス$.ajax()も実装して返します。PromiseDeferred

http://api.jquery.com/jQuery.ajax/

http://api.jquery.com/category/deferred-object/

を使用するPromiseと、元の ajax 呼び出しの結果に基づいて、追加のコールバックをチェーンできます。

// setup interval / timer to update UI not finished / still working logic

$.ajax().done(function() {
    // clear UI not fninshed / still working logic
});
于 2013-05-28T17:06:14.943 に答える
0

うーん..公式ドキュメントは言う：

$.ajax() 関数は、作成した XMLHttpRequest オブジェクトを返します。通常、jQuery はこのオブジェクトの作成を内部で処理しますが、xhr オプションを使用してオブジェクトを作成するためのカスタム関数を指定できます。通常、返されたオブジェクトは破棄できますが、リクエストを監視および操作するための下位レベルのインターフェイスを提供します。特に、オブジェクトで .abort() を呼び出すと、完了する前にリクエストが停止します。

http://api.jquery.com/jQuery.ajax/

于 2013-05-28T06:15:05.873 に答える
0

jQuery 1.5 以降、jQuery.ajax()(およびさまざまな ajax ショートカット メソッド) は、ブラウザーのネイティブ XMLHttpRequest オブジェクトのスーパーセットであり、特に Promise インターフェースを実装するオブジェクトをjqXHR返します。

jqXHRオブジェクトの詳細については、こちらをご覧ください。

于 2013-05-28T11:55:15.810 に答える