如何將元素從ajax推送到數組 - jQuery

Question

當我嘗試將某個元素推送到數組並顯示隨機元素時，瀏覽器返回的數組未定義。問題在哪裏？

var dir = "./images/radovi/"; 
var ext = ".png"; 
var slike = []; 
$.ajax({ 
    url: dir, 
    success: function (data) { 
     $(data).find("a:contains(" + ext + ")").each(function() { 
      var ime_slike = this.href.replace(window.location.host, "").replace("http:///", ""); 
      slike.push(dir + ime_slike + ext); 
     }); 
    } 
}); 
$('<img src="' + slike[Math.floor(Math.random() * slike.length)] + '">').appendTo('#radovi'); 

Answer 1

AJAX是異步的。填充數組的代碼在之後被稱爲使用該數組的代碼。移動，產生圖像到成功處理程序的代碼：`S形

var dir = "./images/radovi/"; 
var ext = ".png"; 
var slike = []; 
$.ajax({ 
    url: dir, 
    success: function (data) { 
     $(data).find("a:contains(" + ext + ")").each(function() { 
      var ime_slike = this.href.replace(window.location.host, "").replace("http:///", ""); 
      slike.push(dir + ime_slike + ext); 
     }); 
     if (slike.length) { 
      $('<img src="' + slike[Math.floor(Math.random() * slike.length)] + '">').appendTo('#radovi'); 
     } 
    } 
});