javascript - ajax响应没有写入html页面怎么办？

Question

使用的语言:html、javascript/jquery 和 php 5.2

所以我创建了这个函数，让 onclick 创建一个“组”。为简单起见，我们称这是一个组(也就是来自 ajax 的响应):

<div id="group1">Group #1</div>

这是组所在的位置:(html 页面)

<div id="groups">
    <!-- groups go here -->
</div>

所以用户创建了第 1 组。没问题。返回响应，第 1 组出现在屏幕上它应该出现的位置。

我遇到的问题是当用户创建第 2 组时。

success:function(data){
                    $('#groups').prepend().html($.trim(data));
                }

上面的脚本是将新组分配给 div。问题是，不是在 group1 之前添加 group2，而是 group2 替换了 group1。 (不好)

我不确定发生了什么，但是当用户创建第二个组时，脚本会查找组的子元素以添加到脚本前面，但找不到，因此它会替换组 1。

如果我去查看源代码，我看不到第 1 组或第 2 组的 div，但我可以在屏幕上直观地看到响应。

这是怎么回事，我该如何解决？

谢谢!

Answer 1

如果您的响应是 HTML，您可以这样做

$("#groups").prepend(data);
//or
$(data).prependTo($("#groups"));

你正在做的是 prepend() 什么都不做，然后将 #groups 的 html 设置为数据