从另一个函数中的ajax函数访问数据[重复]

Question

我的 MWE data.js 如下所示：

var data = [];
function initdata(){
    $.ajax({
        ...
        success: function(data){
            data.push("test");
        },
        ...
    });
}
$(document).ready(function(){
    initdata();
    console.log(data.length);
    console.log(data[0]);
}

但是控制台说，data.length 是 0 和 data[0] 是 undefined。如何在另一个函数中访问 ajax 函数中的数据？

Answer 1

$.ajax() 是异步的，所以当它完成请求并运行 data.push('test') 时，您的 console.log(data.length) 已经完成。
解决此问题的一种方法是使用回调：

function initdata(callback) {
    $.ajax({
        ...
        success: function(result) { // or just success: callback,
            callback(result);
        }
    });
}
$(document).ready(function() {
    initdata(function(data) {
        console.log(data.length);
        console.log(data[0]);
    });
}