2

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

我第一次记录对象（从成功函数中）它在控制台中是正确的，但是从函数 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
4

3 回答 3

7

Ajax 中的 A 是首字母缩略词的重要组成部分。异步 JavaScript 和 XML 是异步的。

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

return ganttObject在响应到达之前运行。

你应该对里面 的数据做任何你想做的事情，someFunction而不是试图将数据返回给调用函数。

于 2011-02-03T20:48:57.837 回答
1

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 就可以了，而且不那么脏。

于 2011-02-03T20:50:19.707 回答
0

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

于 2011-02-03T20:49:26.653 回答