bootstrap 3动态模式 - ajax内容缓存问题

时间:2014-08-14 11:52:12

标签: jquery ajax twitter-bootstrap twitter-bootstrap-3

我需要一个动态引导模式,取决于我发送到同一域中的外部页面的id,结果需要在引导模式中找到我。当你第一次加载页面时系统工作,但如果我点击另一个链接打开不同的模态我应该看到不同的结果但它只显示第一个结果...这基本上是缓存结果。

这就是我所做的。我也试过发送时间戳等但它仍然是一样的。

<a href='modal_window.php?mpage_id=$mpage_id' mpage_id='$mpage_id' data-toggle='modal' data-target='#myModal'> open modal </a>

这是我在同一页面上的模态

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-  labelledby="myModalLabel" aria-hidden="true">
</div>
<!-- /.modal -->

那么如何在不缓存结果的情况下加载远程内容呢?

2 个答案:

答案 0 :(得分:2)

每次显示模式时,使用以下JavaScript清除缓存:

$('#myModal').on('shown.bs.modal', function () {
    $(this).removeData('bs.modal');
});

在Bootstrap v3.2.1中也值得注意remote modals are being deprecated,并且将在Bootstrap v4中完全删除。

答案 1 :(得分:0)

您可以将动态链接提供给模态,但在此之前,每次使用新链接加载模态时清除上一个模态链接