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()代替html()。

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

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

在上面的示例中，当您在id #rows_of_data上进行匹配时，这是“匹配元素集”中的唯一元素，并且它会将data的内容作为附加内容添加到其中这是最后一个孩子。

Demonstration

Answer 2

是可能的，使用.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);
      }
   });
});

可以为已附加的数据添加更多内容

2 个答案: