如何在每次单击时使用forEach函数JavaScript来追加行

我想通过单击在表中添加行，我无法解析。现在，正如您所看到的，数据附加了所有对象键。因为我有20000多个对象，我必须在单击添加“选项（500或1000）”行以及再次单击添加下一个500或1000行等时创建一个按钮。“数据行”是对象的数组，“项”是对象，“键”是对象的键

$('#form1').on('submit', function(event) {
      event.preventDefault();
      var form = $(this);
      $.ajax({
          type: 'GET',
          url: '/columnResult',
          data: form.serialize()
        }).done(function(data) {
            data.fields.forEach(function(item) {
              $('.thead').append("<th>" + item.name.charAt(0).toUpperCase() + item.name.slice(1).replace(/_/g, " "));
            });
            var count = 0;
            data.rows.forEach(function(item) {
              $('.tbody').append("<tr class='" + count + "'>");
              Object.keys(item).forEach(function(key) {
                $('.' + count).append("<td>" + item[key])
              });
              count++
            });

$（'form1'）。关于（'submit'，函数（事件）{
event.preventDefault（）；
变量形式=$（此）；
$.ajax({
键入：“GET”，
url:“/columnResult”，
数据：form.serialize（）
}).完成（功能（数据）{
data.fields.forEach（函数（项）{
$（'.thead'）.append（“+item.name.charAt（0.toUpperCase（）+item.name.slice（1.replace）（/g/g）”））；
});
var计数=0；
data.rows.forEach（函数（项）{
$（'.tbody'）。追加（“”）；
Object.key（item）.forEach（function（key）{
$（'..+count）.append（“+项[键]）
});
计数++
});

除了限制SQL语法之外，没有其他选择（我知道）。解决方法之一是向行中添加一列，该列具有唯一ID，称为“set\u ID”或“group\u ID”，其中每插入500或1000行，您就增加“set”或“group”ID。然后，您可以查询数据库中具有相同组ID的所有项目

数据库中的行如下所示：

---

ID=0，NAME=aName，VALUE 1=aValue，VALUE 2=bValue，GROUP_ID=0何时/何地获得这20000个结果？问题/问题到底是什么？我用它来表示列，从数据库连接到expressjs。我有一个包含20000行的列，当它将所有行附加到一列时，速度非常慢，我需要帮助，因为我不能对结果使用限制OK，因此

GET

会生成

data.rows>=20000

和

data.field

是您的列名。现在，使用

data.rows

创建行的速度很慢，因为它太大了。好吧……如果您想一次创建几个，为什么不声明一个变量并设置/推送数组（

data.rows

）然后当用户单击某个按钮时，通过每50..100..500次迭代来构建表？

$group_id = $_GET['group_id'] // group id sent via ajax, which should be incremented after every button click
$query = "SELECT * FROM table WHERE group = $group_id";