html - 带有远程 html 文件的 Bootstrap3 模态 - 禁用缓存

Question

我正在使用 Twitter Bootstrap，在我的代码中，我显示了一个带有指向外部 HTML 文件的远程选项的模式。HTML 文件加载正常，模式显示正常。问题是，一旦我对 html 文件进行更改并再次启动它，它不会加载更改，直到我删除浏览器缓存。

这是我的代码：

$('#modal').modal({
    remote: baseUrl + 'Content/templates/speedtest.html'
});

speedtest 包含以下内容：

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Title</h4>
        </div>
        <div class="modal-body">
            My Message
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
    </div>
</div>

在开发过程中，它非常无用，因为我想对 html 进行更改，然后快速查看更改而无需删除缓存。

另外，我担心上传网站后如果我对html进行更改，访问者会得到不相关的结果。

如何禁用/配置缓存？

谢谢

Answer 1

我有一个解决方案很简单，最后添加new Date().getTime()。

$('#modal').modal({
  remote: baseUrl + 'Content/templates/speedtest.html?'+new Date().getTime()
});