.get呼び出しでjQueryの.pushを呼び出すと、空の結果が返されます。

Question

誰かが私に空の文字列を与える理由を教えてもらえますか？ $.get()コールバック関数のconsole.log(contentArray)をコールするとデータが表示されますが、以下のコードのどこにあるかを調べようとすると、結果は空になります。

sectionArray = []; 
contentArray = []; 
$(function() { 
    if (index == 1) { 
     $('menu:eq(' + (section - 1) + ') li a').each(function() { 
      sectionArray.push($(this).attr('href')); 
     }); 

     var len = sectionArray.length; 

     for (var i = 0; i < len; i++) { 
      href2 = sectionArray[i]; 

      $.get(href2, function (data) { 
       string = data.toString(); 
       contentArray.push(string); 
      }); 
     } 
     content = contentArray.toString(); 
     console.log(content); 
    } 

Answer 1

あなたが呼び出した後AJAXリクエストが終了したのでconsole.log()これを試してみてください。

$.get(href2, function(data){ 
    string = data.toString(); 
    contentArray.push(string); 
    content = contentArray.toString(); 
    console.log(content); 
}); 

もループ内でAJAXリクエストを行う行うための最善のことはされていません。それはあなたが望むように働きません。

UPDATE：

もjQueryがfalseに設定asyncオプションを持っており、あなたのコードは動作するはずですが、遅い動作します。同期リクエストによってブラウザが一時的にロックされることがあります。問題は、あなたの$.get() AJAXリクエストが非同期を実行していることである

var countRequests = len; 
$.get(href2, function(data){ 
    string = data.toString(); 
    contentArray.push(string); 
    countRequests = countRequests - 1; 
    if (countRequests == 0) { 
     content = contentArray.toString(); 
     console.log(content); 
     // or create callback 
    } 
}); 

Answer 2

：

UPDATE 2

多分このような何か（：D多分あまりよくないアイデアを）してみてください。 、$.get()関数は応答を待たずに、すぐにを返し、ループのためのあなたの全体が、（複数のAJAXリクエストをキューイング）が完了され

、そしてあなたのconsole.log()は、配列が空のままで、その時点で発生します。それ以降は、Ajaxレスポンスがどのくらい速く返ってくるかにかかわらず、Ajax成功ハンドラのどれかが呼び出されます。

編集：ここでは、すべてのAJAX呼び出しが完了した後に何かをする方法を示して別の質問から答えは：作品https://stackoverflow.com/a/6250103/615754