javascript - jQuery Post和Promise的Javascript范围问题

我试图从一个jQuery帖子的响应来构建一个数组。我有以下代码：

categories_names = [];
$(categories).each(function(index, category_id) {
    $.post('/modules/blog/add_post_categories', {post_id:result.result, category_id:$(category_id).val()},
    function(result)
    {
        categories_names.push = result;
    });
}).promise().done(function() {
    var final_cats = categories_names.join("");
    console.info(final_cats);
});

发布请求将类别ID插入表中，并返回格式为<li>Category Name here</li>的该类别的名称，以便在构建数组并将所有选定类别（通过此表格之前的复选框选中）输入数据库后，数组可以连接并作为html插入最终视图。如您所见，目前代码只是在控制台中打印出来，但是您可能已经猜到了，它返回(an empty string)

我知道这很可能是范围问题，因为那是仍使我感到困惑的javascript领域，因此我希望有人可以对此有所了解。

最佳答案

您的.promise().done(...)并没有按照您的想法去做。它只是立即解决，因为要迭代的元素上没有动画。另外，您的[].push语法错误。

var defArr = $(categories).map(function(index, category_id) {
    return $.post('/modules/blog/add_post_categories', {post_id:result.result, category_id:$(category_id).val()});
}).get();

$.when.apply(null,defArr).done(function() {
    //var categories_names = [];
    //for (var i = 0; i < arguments.length; i++) {
    //    categories_names.push(arguments[i][0]);
    //}
    var categories_names = $.map(arguments,function(i,arr) {
        return arr[0];
    });
    var final_cats = categories_names.join("");
    console.info(final_cats);
});