javascript - Jqueryを使用してjsonpデータを配列にAjax

Question

データを取得するjsonpリクエストを作成しました。唯一の問題は、ループの外側の配列でデータを取得できないように見えることです:(

var lookbook_data = new Array();
$.ajax({
  url: "http://lookbook.king-quinna.nl/api/get_recent_posts/?callback=1&custom_fields=image1",
dataType: "jsonp",
success: function(data) {
for(var i = 0; i<4; i++) {
    lookbook_data[i] = data.posts[i].custom_fields.image1[0];      
}
}
});
console.log(lookbook_data); 

したがって、console.logを実行すると、ルック内に配列され、本来の方法でデータが出力されます。ただし、関数の外ではそうではありません。しかし、私は外部の変数をクリアしなかったので、私は本当に理由がわかりません:(

ところで、厄介なコードボックは4つのスペースで正しく理解できないようです:(

Answer 1

var lookbook_data = new Array(),
    XHR = $.ajax({
            url: "http://lookbook.king-quinna.nl/api/get_recent_posts/?callback=1&custom_fields=image1",
            dataType: "jsonp"
          });
//anywhere else in your script you can call :
XHR.done(function() {
    for(var i = 0; i<4; i++) {
        lookbook_data[i] = data.posts[i].custom_fields.image1[0];      
    }
    console.log(lookbook_data); 
});

Answer 2

その ajax 呼び出しは非同期であるため、終了する前にコードの最後の行にすぐに到達します。

と同期させることができます（お勧めしません）

async = 'false'

ajax呼び出し内

またはこのようなことをします

$.ajax({
    url: "http://lookbook.king-quinna.nl/api/get_recent_posts/?callback=1&custom_fields=image1",
    dataType: "jsonp",
    success: function(data) {
        for(var i = 0; i<4; i++) {
            lookbook_data[i] = data.posts[i].custom_fields.image1[0];      
        }
        continueHere()
     }
 });

 function continueHere() {
      // rest of the code that handles your ajax call
 }

Answer 3

console.log(lookbook_data[i]);成功関数内のfor ループ内でこれを使用します

Answer 4

console.log(lookbook_data);成功関数内で使用