如何使用AJAX在引導模式下顯示不同的數據

Question

我有一個引導模式和多個不同ID的按鈕。我用ajax函數從另一個頁面獲取數據並顯示到模態內的id。但是，當我點擊第二個按鈕等，它會反覆追加數據到現有的模態。在哪裏只需要從特定ID收到的數據。任何方法來解決這個問題？ 謝謝

Answer 1

，而不是附加功能或者使用空（）。追加（）或只是 HTML

即

$('#modal-body').empty().append("The ajax return data") 


$('#modal-body').html("The ajax return data") 

Answer 2

您可以用ID選擇一個DIV和u可以通過替換內部HTML使用element.empty（）和element.html（）

即

<script> 
var modelBody=$('#modal-body'); 

$('#modelBtn1').on('click',function() { 
    $.ajax({ 
     url: "test.html", 
     cache: false, 
     success: function(html){ 
      modelBody.empty(); 
      modelBody.append(html); 
     } 
    }); 
}); 
$('#modelBtn2').on('click',function() { 
    $.ajax({ 
     url: "test2.html", 
     cache: false, 
     success: function(html){ 
      modelBody.empty(); 
      modelBody.append(html); 
     } 
    }); 
}); 
</script>