如何将元素从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'); 
     } 
    } 
});