javascript - 为什么jquery ajax调用会擦除当前数据？

Question

我有一些代码调用了一个新的 html 文件，以添加到一个 div 中。我想知道为什么 div 中的内容被替换而不是添加。一旦我理解了“为什么”，我想知道如何将外部标记添加到 div 中，同时保留该 div 中已经存在的内容.

 $.ajax({
 url: 't3.html',
 success: function(data) {
 $('.ajax').html(data);
 }
 });

Answer 1

尝试.append

 $.ajax({
 url: 't3.html',
 success: function(data) {
   $('.ajax').append(data);
  }
 });

Answer 2

因为您正在用数据替换 .ajax div 的整个 HTML。如果要保留该控件的现有 HTML，请使用以下 $('.ajax').html($('.ajax').html() + data);d

Answer 3

代替：

$('.ajax').html(data);

采用：

$('.ajax').append(data);