Question

我有一个bootstrap模式，以及多个具有不同id的按钮。我使用ajax函数从另一个页面获取数据并在modal中显示为id。但是，当我点击第二个按钮等时，它会反复将数据附加到现有模态。我只希望从特定id收到的数据。有什么办法解决这个问题？谢谢

Answer 1

而不是追加函数要么使用empty（）。append（），要么只使用 HTML

即

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


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

Answer 2

你可以选择一个带id的div，你可以用 element.empty（）和 element.html（）

替换内部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>

如何使用AJAX在bootstrap模式中显示不同的数据

2 个答案: