AJAXから特定の値を取得すると、JSONオブジェクトが返される

Question

AJAXから取得したJSONオブジェクトの特定の値を取得しようとしています。

console.log()を使用して、私はこれらを表示することができました。今、私は私が見つけることuserIdを使用して、データの別のリストでそれを一致させることができるように上記全体JSONオブジェクトを格納してみたい

0: Object 
    title: "First post" 
    body: "This is a post" 
    id: 1 
    userId: 27 
. 
. 
. 
100: //same format of data as object 0 

は、投稿したユーザー。問題は、私はそれをグローバル変数に格納することができないということです。ここに私のJScriptスニペットは次のとおりです。

var postJson; //global variable 

---somewhere in a function--- 
$.ajax({ 
     url: root + '/posts', 
     type: "GET", 
     dataType: "JSON", 
     success: function(response){ 
     postJson = response; 
     console.log(response);     
      } 
     }); 

私もpostJson = $.ajaxをやってみましたが、何も起こらなかったとpostJsonは未定義され続けています。

Answer 1

$アヤックスは非同期関数である、あなたはあなたが応答から変数を宣言する必要が関数を呼び出していない経由で直接行うことができますコールバックを使用するか、成功の機能に

var postJson; //global variable 

function doSomething(r){ 
    //r is here 
} 

---somewhere in a function--- 
$.ajax({ 
     url: root + '/posts', 
     type: "GET", 
     dataType: "JSON", 
     success: function(response){ 
      postJson = response; 

      //do something with postJson or call function doSomething(response)  
     } 
}); 

Answer 2

function doSomething(r){ 
    //r is here 
} 

---somewhere in a function--- 
$.ajax({ 
     url: root + '/posts', 
     type: "GET", 
     dataType: "JSON", 
     success: function(response){ 
     doSomething(response); 
      //do something with postJson or call function doSomething(response)  
     } 
}); 

をすべてのコードを実行する必要があります。それがあなたにも役立つことを願っています。