AJAX响应到对象[重复]

Question

我正在使用 $.ajax 调用检索的数据库中有一个字符串化的对象数组。我正在尝试使用回调函数将该数据放入我的 ajax 函数之外的数组中。

function getMap(){
    return $.ajax({
    url: "getMap.php",
    type: "POST",
    data: "",
    dataType: 'JSON',
    success: dataHandler
    });
};
function dataHandler(data){
    console.log(JSON.parse(data));
    return JSON.parse(data);
}

var loadedMap = getMap();
console.log(loadedMap);

dataHandler 函数内部的 console.log 在我的 Javascript 控制台中显示为标准数组（可点击，可以查看所有数据）。最后的 console.log 在控制台中显示为 [object Object]。我可以在“responseJSON”字段中看到该对象内部的实际数据，但我似乎无法将其正确地放入到 loadedMap 数组中。

我在这里缺少什么？

编辑：我觉得我的问题与其他问题的所有答案都不同。我的似乎更多的是范围问题。很多答案都提倡使用 .done 和 .fail 方式来处理 AJAX。

var loadedMap = [];
function getMap(){
    return $.ajax({
    url: "getMap.php",
    type: "POST",
    dataType: 'JSON',
    });
};
getMap().done(function(r) {
    if (r) {
       loadedMap = r;
    } else {
       console.log("No data");
    }
}).fail(function(x) {
    console.log("error");
});
console.log(loadedMap);

此代码成功获取了“loadedMap = r”所在的数组，但是当您在外部对加载的Map 进行console.log 时，它是未定义的。我们如何才能让实际数据在 AJAX 函数之外？

Answer 1

getMap 函数不返回响应，它只是在响应到达时调用 dataHandler。 创建一个全局变量并将 JSON.parse(data) 的值分配给该变量。 ：

    var myData;
    function getMap(){
...
    });
    };
    function dataHandler(data){
        console.log(JSON.parse(data));
        myData = JSON.parse(data);
    }
getMap();

Answer 2

JQuery 的 AJAX 返回一个 Promise，因此您可以按照您正在尝试的方式执行回调路由，或者您可以使用 Promise 简化它：

function getMap(){
    return $.ajax({
    url: "getMap.php",
    type: "POST",
    data: "",
    dataType: 'JSON',
    success: dataHandler
    });
};

getMap().then(function(data){
    loadedMap = JSON.parse(data);
    console.log(loadedMap);
});