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

Question

这是我的 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 时，它是未定义的。如何获取超出 $.each 函数范围的 uD 值？

编辑：抱歉，我应该指定。 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
}

Answer 2

如果您在 AJAX 调用之前创建一个变量，并在 success 函数内部为其设置一个值，您将能够在代码的任何其他部分。

编辑

根据您的评论（您需要从函数返回此值），对此函数的所有调用都需要等待它响应。然后，我建议您关闭 async 。

var uD = null;

...

async: false,
success: function(data){
    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;