jquery - 可以向已经附加的数据添加更多

Question

是否可以向已附加的数据添加更多内容？我有下面的代码，它在页面加载时显示数据

$(document).ready(function () {
    $.ajax({
        type: 'GET',
        url: 'page.php',
        data: vars,
        success: function (data) {
            $("#rows_of_data").html(data);
        }
    });
});

现在我想要一个表单提交来处理和显示数据库中已显示数据下方的新行

$("#myform").submit(function () {
    // send via ajax
    // display new rows below the last row of the old data appended
});

Answer 1

是 可能的，使用.append().

$("#rows_of_data").append(data);

您的代码应如下所示

$("#myform").submit(function(){
   $.ajax({
      type: 'GET',
      url: 'page.php',
      data: vars,
      success: function(data){
         $("#rows_of_data").append(data);
      }
   });
});

Answer 2

是的，只需使用append()而不是html().

$("#rows_of_data").append(data);

说明：将参数指定的内容插入到匹配元素集中每个元素的末尾。

在上面的示例中，当您在 id 上进行匹配时#rows_of_data，它是“匹配元素集”中的唯一元素，并且它获取 append 的内容data作为它的最后一个子元素。

示范