返回ajax调用结果的JavaScript函数

时间:2010-04-21 10:59:25

标签: javascript jquery

需要帮助。我正在写一个函数返回ajax调用的结果,但我没有得到任何结果,我想这是一个范围问题,但有什么办法可以做到吗?这是我的代码:

function Favorites() {
    var links;
    $.ajax({
        type: "GET",
        url: "/Services/Favorite.svc/Favorites",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(msg) {
            links = (typeof msg.d) == 'string' ? eval('(' + msg.d + ')') : msg.d;
        }
    });
    return links;
};

2 个答案:

答案 0 :(得分:6)

Ajax是异步的,即执行return links时,success中的回调函数可能甚至都没有被调用。

扩展您的功能以接受回调:

function Favorites(callback) {
    var links;
    $.ajax({
        type: "GET",
        url: "/Services/Favorite.svc/Favorites",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: callback
    });
};

并将其命名为:

var callback = function(msg) {
      links = (typeof msg.d) == 'string' ? eval('(' + msg.d + ')') : msg.d;
      // do other stuff with links here
}

Favorites(callback);

答案 1 :(得分:3)

您的问题是您正在进行的HTTP请求是异步的,并且您的Favorites函数在Ajax请求返回之前返回。您需要更改您的函数,以便它接受响应返回后执行的回调:

function Favorites(callback) {
    $.ajax({
        type: "GET",
        url: "/Services/Favorite.svc/Favorites",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(msg) {
            var links = (typeof msg.d == 'string') ? eval('(' + msg.d + ')') : msg.d;
            callback(links);
        }
    });
};

Favorites( function(links) { alert(links); } );

除此之外:约定是只有用作构造函数的函数才能以大写字母开头,因此您的函数最好命名为favorites