Javascript - 无法从嵌套函数访问本地范围对象

Question

我试图让一个函数从另一个页面上的 php 文件中获取一个对象。我正在使用 jQuery ajax 函数来执行 json 抓取，它工作正常。问题是当我尝试从函数返回该对象时。

我第一次记录该对象（在 success 函数内）时，它在控制台中是正确的，但函数 getGantt() 返回的对象记录为“未定义”。

如何从函数中取出这个对象？

我的代码：

    function getGantt(requestNumber){
        var ganttObject;
        $.ajax({
               type: "POST",
               url: "get_gantt.php",
               data: {request_number: requestNumber},
               success: function(returnValue){
                     ganttObject = $.parseJSON(returnValue);
                    console.log(ganttObject); //this logs a correct object in the console

                }
        });
        return ganttObject;
    }

    $(function(){ //document ready function

        var requestNumber = $('#request_number').text();

        var ganttObject = getGantt(requestNumber);
        console.log(ganttObject); //this logs "undefined"

    }); //end document ready function

Answer 1

Ajax 中的 A 是缩写词的重要组成部分。异步 JavaScript 和 XML 是异步的。

$.ajax({success:someFunction}) 表示发出 HTTP 请求，当响应到达时，运行 someFunction

return ganttObject< /code> 在响应到达之前运行。

您应该对内部 someFunction 中的数据执行任何您想要执行的操作，而不是尝试将数据返回到调用函数。

Answer 2

AJAX 中的 A 代表异步。因此，调用立即返回，并且一旦完成，就会调用成功回调。

因此，只需更改代码以使用回调即可：

function getGantt(requestNumber, callback) {
    var ganttObject;
    $.ajax({
        type: "POST",
        dataType: 'json',
        url: "get_gantt.php",
        data: {request_number: requestNumber},
        success: function(returnValue){
            callback(returnValue);
        }
    });
}

$(function() {

    var requestNumber = $('#request_number').text();

    var ganttObject = getGantt(requestNumber, function(ganttObject) {
        console.log(ganttObject);
    });

});

顺便说一句，我还删除了这个 parseJSON 内容 - 将 dataType 设置为 json 即可完成工作，并且不那么脏。

Answer 3

我至少知道为什么它不归还。 ganttObject 可能位于相同的范围内，但 success 函数最终在 XMLHTTP 对象的 readyState 回调中运行，因此它与 getGantt 函数位于不同的线程上。您可以将 $(function(){... 代码与您的成功函数分开吗？