Javascript 通过ajax请求填充数组

我需要通过AJAX从数据库中收集一些数据，并将其放置在一个数组中。不幸的是，由于某些原因，我无法归档此文件

AJAX发送数据以检索特定数据。这些数据如下：

[{"comment_id":154,"comment_text":"Moduleboeken PHP","date_updated":"2015-06-01 10:34:47"},{"comment_id":155,"comment_text":"Moduleboeken JAVA","date_updated":"2015-06-01 10:34:54"}]
[{"comment_id":149,"comment_text":"Werksfeer","date_updated":"2015-06-01 10:33:57"}]
[{"comment_id":152,"comment_text":"Begeleiding Elleke Jagersma","date_updated":"2015-06-01 10:34:27"}]
[{"comment_id":260,"comment_text":"Studievoortgang JAVA","date_updated":"2015-06-01 13:01:15"}]
[{"comment_id":153,"comment_text":"Faciliteiten","date_updated":"2015-06-01 10:34:39"}]

用于收集此数据的函数：

function sendRetrieveAjax(url, data) {
    return new Promise(function(resolve, reject) {
        $.ajax({
            url: url, type: 'post', data: data,                
            success: function(data) {
                resolve(data);
            },
            error: function(request, status, error) {
                reject([{request: request, status: status, error: error}]);
            }
        });
    });
}

主代码运行5个DOM元素，从中收集ID，并在AJAX发送和检索函数中使用该ID。如果成功，它会将其放置在一个数组中

var elements = $('.note_block');
var dataCollection = new Array();

for(i = 0; i < elements.length; i++) {
    var element = $(elements[i]);
    var data = {
        commenttype_id  :   element.children('#commenttype_id').val(),
        week_id         :   $('#week_id').val()
    }

    sendRetrieveAjax('../functions/getcomments.php', data).then(function(data) {
        console.log(data);
        dataCollection[i] = data;
    });
}
console.log(dataCollection);

var元素=$（'.note_block'）；
var dataCollection=新数组（）；
对于（i=0；i

不幸的是，数组为空，而控制台显示正确的数据

有人能告诉我吗？

你有两个问题

您需要将

i

的值绑定到

sendRetrieveAjax

填写后，您需要打印

数据采集的值（注意promise的用法）

要解决您需要使用的第一个问题（立即调用的函数表达式）

for（i=0；i

为了解决第二个问题，您可以使用一个或多个数组来保持其中所有请求的承诺，并按顺序或并行执行它们

var requests = []
;

for(i = 0; i < elements.length; i++) {
    var element = $(elements[i]);
    var data = {
        commenttype_id  :   element.children('#commenttype_id').val(),
        week_id         :   $('#week_id').val()
    }

    // No need to store the URL, just store the data
    requests.push(data);
}

requests = requests.map(function(data) {
    return sendRetrieveAjax('../functions/getcomments.php', data);
});

Promise.all(requests).done(function(responses) {
    console.log(responses);
    dataCollection = responses;
}, function(err) {
});

var请求=[]
;
对于（i=0；i

您需要将每个响应映射到正确的数组索引。在这种情况下，最好的解决方案是提供一系列承诺，并使用有序响应数据对象获取集中式响应对象

我还简化了

sendRetrieveAjax

，因为它已经返回了promise对象：

function sendRetrieveAjax(url, data) {
    return $.ajax({
        url: url,
        type: 'post',
        data: data
    });
}

var promises = $('.note_block').map(function(i) {
    return sendRetrieveAjax('../functions/getcomments.php', {
        commenttype_id: $(this).children('.commenttype_id').val(),
        week_id: $('#week_id').val()
    });
}).get();

$.when.apply(null, promises).then(function() {
    var dataCollection = $.map(arguments, function(data) {
        return data[0];
    });
    console.log('Data Collection', dataCollection);
});

另一件事，不要复制id，而是使用

.commenttype\u id

类

---

这是一个演示：

FYI，返回一个实现它自己的@RGraham的对象，我不知道，但现在我知道了，谢谢@dfsq，这篇文章帮助我实现了ajax调用的promise方法。但这并不能解决我的问题。您的问题是，您试图在

中填充
数据收集
，然后在
块中填充
console.log（数据收集）
外部。但是，
dataCollection
在该时间之前尚未填充。@顺利，请参见下面的答案
function sendRetrieveAjax(url, data) {
    return $.ajax({
        url: url,
        type: 'post',
        data: data
    });
}

var promises = $('.note_block').map(function(i) {
    return sendRetrieveAjax('../functions/getcomments.php', {
        commenttype_id: $(this).children('.commenttype_id').val(),
        week_id: $('#week_id').val()
    });
}).get();

$.when.apply(null, promises).then(function() {
    var dataCollection = $.map(arguments, function(data) {
        return data[0];
    });
    console.log('Data Collection', dataCollection);
});