如何在引导选项卡中禁用缓存ajax加载内容

时间:2014-02-24 15:25:17

标签: javascript jquery ajax twitter-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查询发送回服务器。我想以某种方式禁用缓存并在每次单击选项卡时发送请求。我假设某个地方我不得不说缓存:false但不确定它到底应该去哪里?

1 个答案:

答案 0 :(得分:3)

只需为每个请求添加一个唯一的时间戳,以阻止jQuery的缓存机制:

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

...