ajax - 从 $.each 匿名函数获取变量值

Question

这个问题已经有答案了:

jQuery: Return data after ajax call success [duplicate] (5 个回答)

已关闭 4 年前。

这是我的 AJAX 成功回调:

success: function(data){
        var uD = '<ul class="user-details">';
        $.each(data['user details'], (function(key,val){
            uD += '<li><label>' + key + ':</label><span>' + val + '</span></li>';
        });
        uD += '</ul>';
        return uD;
}

数据是一个 JSON 对象。

如您所见，我正在尝试从 JSON 对象构建一个列表，但当我返回变量 uD 时，它是未定义的。我怎样才能得到uD的值超出了 $.each 函数的范围？

编辑:抱歉，我应该指定。 return 语句仅在 AJAX 回调中，因为 AJAX 调用是在另一个函数内(需要返回某些内容)。由于它是异步的，我无法在 AJAX 调用“之后”返回，它必须在回调中。

Answer 1

从 Ajax 回调中，您无法返回数据。我猜您想将已内置的 UL 插入到 DOM 中，因此您应该在 Ajax 回调函数中执行此操作。

success: function(data){
        var uD = '<ul class="user-details">';
        $.each(data['user details'], (function(key,val){
            uD += '<li><label>' + key + ':</label><span>' + val + '</span></li>';
        });
        uD += '</ul>';
        $('body').append(uD);
}

指定要插入的元素或使用任何其他 DOM 插入函数，而不是 body。

使用异步 AJAX 调用，您无法真正返回内容。所以你不能做类似的事情

function GetMyList() {
     //AJAX CALL
     //RETURN RESULT OF AJAX CALL
}