jQueryで$ .post（）を一度に1つずつ送信する（「一時停止を追加するが実際には「送信」フラグを切り替える）

Question

、xmlリストの領域を繰り返し処理し、詳細情報を取得するPOST要求を行う各エリア。一度に何千ものリクエストを送信することがクライアントとサーバーのために衰弱しているので、私は次の[next]リクエストを送る前にリクエストが完了するのを待つようにフラグを設定したいと思います。

XMLは次のようになります場合：

<area>5717</area> 
<area>5287</area> 
<area>5376</area> 

、その後、XML解析はちょっとのようになります。

$(xml).find("area").each(function() { 
    doPost(); 
} 

とのdoPost（）関数は、基本的に

doPost : function() { 
    $.post(...) 
} 

のように見えます私はトグル "待機"を追加したいと思いますが、これを達成する方法がわかりません。本質的な ".each"反復を保つ方法があるのでしょうか、それとももっと良いループのタイプですか？

ありがとうございます。

Answer 1

あなたは使用することができます。

$.ajaxSetup({async:false}); 

スクリプトの先頭にあなたのAJAXは、同期呼び出しを行います。

また、$.post()を$.ajax()に置き換えて、asyncフラグをfalseに設定することもできます。

Answer 2

私の頭の上にある一般的なアルゴリズム： リスト全体を配列に入れることができます。配列の最初の項目を取り出して投稿します。あなたの投稿の成功ハンドラでは、リスト内の次のインデックスを持つ関数を再帰的に呼び出すことができます。

私は非同期：偽を使用しません。なぜなら、それはブロッキング操作なので、私はOPが望んでいないと考えているからです。

Answer 3

setTimeoutを実行できますか？関数がまだ非同期に処理して、あなたがそこで何らかの時間を待つことを可能にします。

http://www.w3schools.com/js/js_timing.asp

setTimeout(function() {}, 5000) 

Answer 4

あなたのsuccessコールバックから次の要素へ<area>引数として処理するための要素、およびチェーンを取るためにあなたのdoPost()機能をリファクタリングすることができます。以下のような何か：

(function doPost($area) { 
    if ($area.length > 0) { 
     $.post({ 
      // your options, 
      success: function() { 
       // your success handling... 
       doPost($area.next("area")); 
      } 
     }); 
    } 
})($(xml).find("area").first()); 

EDIT：はたぶん、上記のコードは確かに少しもコンパクトでした。

基本的には、目的は、処理が停止した場合、それは次の<area>処理するための要素、または何もを含むjQueryオブジェクトをとるようにあなたの関数をリファクタリングすることです：

function doPost($area) { 
    if ($area.length > 0) { 
     // Perform POST request and call ourselves from success callback 
     // with next <area> element (or nothing if there's no such element). 
    } 
} 

を次に最初<area>でこの関数を呼び出します処理する要素：

doPost($(xml).find("area").first()); 

私の答えの最初のコード部分は、両方同時に行います。関数はJavaScriptでfirst-class objectsです。定義を囲んで括弧で囲んで、通常の引数リストを提供し、括弧で囲んで、定義した関数を呼び出すことができます。