Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 可以向已附加的数据添加更多内容_Jquery - Fatal编程技术网

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

Jquery 可以向已附加的数据添加更多内容,jquery,Jquery,是否可以向已附加的数据中添加更多内容? 我有下面的代码,在页面加载时显示数据 $(document).ready(function () { $.ajax({ type: 'GET', url: 'page.php', data: vars, success: function (data) { $("#rows_of_data").html(data); } }); });

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

$(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
});
是的,只需使用而不是
html()

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

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

可能是,使用

您的代码应该如下所示

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

是的,你可以,你已经提到了。将它附加到数据的
#行中
您的意思是这样的吗$(“#行#u数据”)。追加(新#u数据)@kaydee如果包含您想要追加的内容的var的名称是
new\u data
,那么是的。这也会对您的DOM做出一些假设
#行_数据
必须是一种元素类型,您希望将
新_数据
直接附加到该元素作为最后一个子元素。非常感谢。在这种情况下,我会帮助别人problem@kaydee,我还添加了一个简单的
append()
演示。如果我已经回答了你的问题,请用右边的复选标记将此标记为答案。@kaydee很高兴帮助你:)
$("#rows_of_data").append(data);
$("#myform").submit(function(){
   $.ajax({
      type: 'GET',
      url: 'page.php',
      data: vars,
      success: function(data){
         $("#rows_of_data").append(data);
      }
   });
});