4

複数の値に対して (ループを使用して) 非同期関数を呼び出し、それらの結果を待つ必要があります。現在、次のコードを使用しています。

(function(){
    var when_done = function(r){ alert("Completed. Sum of lengths is: [" + r + "]"); }; // call when ready

    var datain = ['google','facebook','youtube','twitter']; // the data to be parsed
    var response = {pending:0, fordone:false, data:0}; // control object, "data" holds summed response lengths
        response.cb = function(){ 
            // if there are pending requests, or the loop isn't ready yet do nothing
            if(response.pending||!response.fordone) return; 
            // otherwise alert.
            return when_done.call(null,response.data); 
        }

    for(var i=0; i<datain; i++)(function(i){
        response.pending++; // increment pending requests count
        $.ajax({url:'http://www.'+datain[i]+'.com', complete:function(r){
            response.data+= (r.responseText.length);
            response.pending--; // decrement pending requests count
            response.cb(); // call the callback
        }});
    }(i));

    response.fordone = true; // mark the loop as done
    response.cb(); // call the callback
}());

これはすべて非常にエレガントではありませんが、仕事はします。それを行うより良い方法はありますか？もしかしてラッパー？

4

2 に答える 2

7

非同期 JSが役に立ちます (クライアント側とサーバー側の両方の JavaScript)。コードは次のようになります (async.js を含めた後)。

var datain = ['google','facebook','youtube','twitter'];

var calls = [];

$.each(datain, function(i, el) {
    calls.push( function(callback) {
        $.ajax({
            url : 'http://www.' + el +'.com',
            error : function(e) {
                callback(e);
            },
            success : function(r){
                callback(null, r);
            }
        });
    });
});

async.parallel(calls, function(err, result) {
   /* This function will be called when all calls finish the job! */
   /* err holds possible errors, while result is an array of all results */
});

ところで、async には他にも非常に役立つ機能がいくつかあります。

ところで 2: の使用に注意してください$.each。

于 2012-05-28T10:34:43.827 に答える
1

この目的のために、 jQuery Deferred オブジェクトを使用できます。

var def = $.when.apply(null, xhrs)$.ajax() リクエストの戻り値をxhrs含む配列です。次に、コールバックを登録しdef.done(function() { ... });、arguments配列のようなオブジェクトを使用して、さまざまな要求の応答にアクセスできます。それらを適切に処理するには、コールバックを削除し、次のコールcompleteバックを追加dataType: 'text'して使用しますdone()。

function() {
    var response = Array.prototype.join.call(arguments, '');
    // do something with response
}
于 2012-05-28T10:36:17.853 に答える