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

.ajaxdivのHTML全体をデータに置き換えているためです。そのコントロールの既存のHTMLを保持する場合は、次の$（'。ajax'）。html（$（'。ajax'）。html（）+ data）;dを使用します。

Answer 3

それ以外の：

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

使用する：

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