javascript - 如何在 Bootstrap 选项卡中禁用缓存 ajax 加载内容

Question

我正在尝试启用 Bootstrap 选项卡以通过 ajax 查询加载内容。这是直接使用 Jquery 选项卡，默认情况下使用 ajax 查询加载内容。

我假设在 bootstrap 中不是这种情况

因此我找到了下面的代码可以使用

 $('#myTabs a').click(function (e) {
    e.preventDefault();

    var url = $(this).attr("data-url");
    var href = this.hash;
    var pane = $(this);

    // ajax load from data-url
    $(href).load(url, function (result) {
        pane.tab('show');
    });
});

这只能正常工作一次并缓存选项卡的内容并且永远不会将另一个 ajax 查询发送回服务器。我想以某种方式禁用缓存并在每次单击选项卡时发送请求。我假设某个地方我不得不说 cache : false 但不确定它应该去哪里？

Answer 1

只需为每个请求添加一个唯一的时间戳来破坏 jQuery 的缓存机制:

var ts = +new Date();
var url = $(this).attr("data-url") + '?timestamp='+ts;

...