$。それぞれが同期して実行していると言っています

Question

私はJQueryを使ってオブジェクトの配列を回転させ、そのオブジェクトの値が空であるかどうかをチェックしてユーザーがブートボックスを使ってプロンプトウィンドウにその値を入力できるようにします。 。

各文がajax関数を完了した後は、それぞれ洗練されたオブジェクトを保持しておく必要があります。

問題は、ajax関数が各文の実行時に非同期で起動することです。 $ .each文は同期とそれが完了した後、それは実行する必要があります後は何もすることになっているので

$.each(objs,function(k,v){ 

if (v == empty) 
    //prompt bootbox modal to enter the value and (at this time ajax is fired 
    v=bootboxpromptvalue ) 

}) 
$.ajax({ 
.. 
... 
.... 
data:objs 
}) 

質問は、各実行時に、なぜアヤックス火災のですか？

Answer 1

ブートボックスのプロンプトが非同期であるため、ユーザにプロンプ​​トが表示される前に、$.eachループが続行され、$.ajaxコールが実行されます。この問題を解決するには

、あなたはすぐにあなたが答えをユーザにプロンプ​​トを表示したいと実行を終了する必要がありますし、あなたが答えを持っている場合にのみ、あなたは再び全体のことを試してみてください：

function process() { 
    var isEmpty = false; 
    $.each(objs, function(k,v){ 
     isEmpty = v == empty; 
     if (isEmpty) { 
      bootbox.prompt("Enter value for " + k, function(answer) { 
       objs[k] = answer; 
       // Now we have an answer, try again. 
       process(); 
      }); 
      return false; // break out of `each` 
     } 
    } 
    // Exit if we asked for user input. There will be 
    // a new call to this function later. 
    if (isEmpty) return; 
    // We got everything now, so execute the request 
    $.ajax({ 
     //... 
     data: objs 
    }); 
}