関数の変数をjQuery AJAXの結果から設定する

Question

関数内でjQueryを使用してGET要求を行い、その関数で前に宣言した変数を結果に設定しようとしています。しかし、それは未定義となる。私はここにそのコンセプトがないのですか？どのように私はこの作品のようなものを作ることができますか？ありがとう。

function doSomething1() { 
    var x; 
    $.get(window.location.href, { q: 'stuff', q2: $('input').val() }, function(data){ 
     // value shows up 
     console.log(data); 
     x = data; 
    }); 
    return x; 
} 

function doSomething2() { 
     // comes up as undefined. 
     console.log(doSomething1()); 
} 

doSomething2(); 

Answer 1

これは、$ .get（）要求の非同期効果の障害です。ゲットが何かをする機会が来る前に、あなたはxを返しています。非同期関数を頭に入れておくのにはしばらく時間がかかります。

1. doSomething2()コール値無しdoSomething1()
2. doSomething1()定義x GET要求を開始し、undefinedを返す次のよう

   イベントの順序があります。

3. doSomething2() GETリクエストが完了返さx値
4. をログに記録し、それが非同期だ後応答が、あなたのAJAX呼び出しから来る前