Javascript 为什么jQueryAjax调用会删除当前数据?

Javascript 为什么jQueryAjax调用会删除当前数据?,javascript,jquery,Javascript,Jquery,我有一些代码可以调用一个新的html文件,将其添加到div中。我想知道为什么div中的内容会被替换,而不仅仅是添加到div中。一旦我理解了“为什么”,我想知道如何将外部标记添加到div中,同时保留该div中已经存在的内容 $.ajax({ url: 't3.html', success: function(data) { $('.ajax').html(data); } }); 尝试。追加 $.ajax({ url: 't3.html', success: function(

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

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

尝试
。追加

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

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

而不是:

$('.ajax').html(data);
使用:


嗯,
.html
通过设计替换了数据。你在找什么?叶,这就是原因。这在jQueryAPI中并不明显,谢谢你的提示!如果我只想从外部文件加载特定div的内容,会怎么样?我尝试了url:'t3.html#test',但它仍然会加载到整个页面中。如果你能留下答案而不是评论,我可以相信你的第一个答案。谢谢不,只要从下面的答案中选择一个就可以了。重新加载内容,我不记得语法是什么,应该在文档中;可能是在
t3.html
#test
$('.ajax').append(data);