访问由ajax调用生成的数组元素

Question

嗨，大家好，所以我开始学习如何进行Ajax调用，我只是碰到了一些东西，解决方案的所有信息都有些令人困惑，或许对我来说有点先进。

所以我成功运行了这个ajax调用来加载文件夹中的图像并将它们添加到数组中。但是，如果我想调用ajax函数之外的数组元素呢？对于这个控制台日志，我得到一个空白数组，如果我把控制台日志放在ajax调用中，我会得到所需的结果。

如何在ajax调用之外使用数组，或者我在这里遗漏了什么？

$(document).ready(function(){

var folder = "imgs/";
var imgArr = [];
$.ajax({
    url : folder,
    success: function (data) {
        $(data).find("a").attr("href", function (i, val) {

            if( val.match(/\.(jpe?g|png|gif)$/) ) { 

                imgArr.push("<img src='"+ folder + val +"'>");
                console.log("val: " + imgArr);

            } 
        });
    }
});

console.log("val: " + imgArr); // shows nothing

});