AJAX-応答データはグローバルスコープに保存されませんか？

Question

私はグローバルスコープに変数を格納していない、私の下に示すラインの問題持っています

：

var somedata; 

$.ajax({ 
    cache: false, 
    url: verification_url, 
    success: function(data){ 
     somedata = data; 
    } 
}); 

alert(somedata); // Undefined 

私が間違っているのは何を？私はこれを別の関数または何にラップする必要がありますか？

Answer 1

alert()コードが実行されてから応答が$.ajaxになる前に実行されます。

だからこそ、それはundefinedです。

var somedata; 

$.ajax({ 
    cache: false, 
    url: verification_url, 
    success: function(data){ 
     somedata = data; 

     alert(somedata); // 2. this will occur after the response is received 
    } 
}); 

alert(somedata); // 1. this will occur first 

アラートが順不同で発生していることがわかります。デフォルトでは、AJAXリクエストは後続のコードの実行を妨げません。

これは、コールバックメソッドを使用する目的全体です。これは、同期実行に頼るのではなく、適切なタイミングで呼び出されるメソッドです。

Answer 2

AJAXは非同期です。それは略語でAの略です。あなただけの成功コールバックで結果にアクセスすることができます。

$.ajax({ 
    cache: false, 
    url: verification_url, 
    success: function(data){ 
     // HERE AND ONLY HERE YOU HAVE THE RESULTS 
     // So it is here that you should manipulate them 
     alert(data); 
    } 
}); 

// this line is executed MUCH BEFORE the success callback 
// and the server hasn't yet sent any response. 

だから結果を操作するために必要なすべてのコードは、成功コールバックの内側または成功コールバックから呼び出される関数内の場所でなければなりません。このパターンのグローバルな状態に頼るべきではありません。