使用 JavaScript 遍历 DataTables 中的行答案

【问题标题】：Iterating through rows in DataTables using JavaScript使用 JavaScript 遍历 DataTables 中的行
【发布时间】：2016-03-15 01:04:03
【问题描述】：

基本上问题是我的数据表中出现重复的结果。

在我的应用程序中，用户将输入一个值，该值将从数据库返回一个对象数组，然后这些记录将填充到 DataTable 中。目前我遇到的问题是表中的所有记录都是相同的。

DataTable 中应该有 100 条不同的记录，而不是 100 条完全相同的记录。我没有看到任何示例说明如何迭代数据库中的对象数组，以某种方式可以由 DataTable 处理。

我应该可以使用rows.add()，但表格中没有显示任何内容，而我看到的另一个选项是rows().every()，它没有类似于我正在做的示例。

任何参考资料、资源或见解都会非常有帮助。谢谢！

用户输入：

<p> Year:  <input id="YearNbrId" type="text" th:field="*{YearNbr}" /> </p>

按钮：

<input type="button" value="Locate" id="goToDetails" />

JavaScript 片段：

$(document).ready(function() {
var table = $('#Orders').DataTable();

$('#goToDetails').on('click', function() {
    var YearNbr = $('#YearNbrId').val();
    var url = './eData/locate?YearNbr=' + YearNbr;

    $.get(url, function(result) {
        console.log(result);

        for (var i = 0; i < result.length; i++) {
            var myOrder = result[i];

            table.row.add([
                    null, // place holder
                    myOrder.yearNbr,
                    myOrder.orderNm,
                    '<input>', // user input
                    myOrder.model,
                    new Date(myOrder.Date).toJSON().slice(0, 10),
                    myOrder.srcCode,
                    null,
                    '<input>'
                ]).draw(false)
                .nodes()
                .to$();
            }
        });
    });
});

【问题讨论】：

标签： javascript jquery mysql datatable iteration

【解决方案1】：

您可能想查看 JQuery .each 函数。您可能需要执行以下操作：$(result).each(function(i,obj) {//code here}); 其中i 是数组中的位置，obj 是结果中的当前记录。

【讨论】：