Javascript ajax响应不写入html页面怎么办?
使用的语言:html、javascript/jquery和PHP5.2 所以我创建了这个函数,onclick创建了一个“组”。为简单起见,我们将说这是一个组(也称为来自ajax的响应): 上面的脚本将新组分配给div。问题是,group2取代了group1,而不是在group1之前前置group2。(不好) 我不太清楚到底发生了什么,但当用户创建第二个组时,脚本会查找group的子元素以前置,脚本没有找到任何元素,因此它会替换group1 如果我去查看源代码,我看不到group1或group2的div,但我可以在屏幕上直观地看到响应 这里发生了什么?我该如何修复它Javascript ajax响应不写入html页面怎么办?,javascript,html,ajax,jquery,Javascript,Html,Ajax,Jquery,使用的语言:html、javascript/jquery和PHP5.2 所以我创建了这个函数,onclick创建了一个“组”。为简单起见,我们将说这是一个组(也称为来自ajax的响应): 上面的脚本将新组分配给div。问题是,group2取代了group1,而不是在group1之前前置group2。(不好) 我不太清楚到底发生了什么,但当用户创建第二个组时,脚本会查找group的子元素以前置,脚本没有找到任何元素,因此它会替换group1 如果我去查看源代码,我看不到group1或group2的
谢谢 如果您的响应是HTML,您可以像
$("#groups").prepend(data);
//or
$(data).prependTo($("#groups"));
您所做的是
prepend()
不输入任何内容,然后将#groups
'html设置为数据您应该将内容作为参数传递给prepend
,如下所示:
$('#groups').prepend($.trim(data));
之后调用html
只需替换#组的内容即可
此外,此内容是动态生成的,因此如果查看页面的源代码,您将无法看到它。如果你想看到这样的东西,请考虑安装——它可以让你查看动态内容,调试脚本等等。Simen Echholt的答案是正确的。在您的示例中,.prepend()实际上什么都不做。然后,您告诉jQuery用数据替换#groups div中的所有html。已确认,似乎正在工作!我一直认为prepend函数给出了放置html()的位置。谢谢西门。谢谢你的提示-萤火虫,我来试试。
success:function(data){
$('#groups').prepend().html($.trim(data));
}
$("#groups").prepend(data);
//or
$(data).prependTo($("#groups"));
$('#groups').prepend($.trim(data));