无法使用 jQuery.Get() 方法刷新

Question

我使用 AJAX 方法 jQuery.Get() 因为它非常易于使用。 我用它来将页面加载到 div 中。但是当我更改正在加载的页面并单击“刷新”时。它不会更新。唯一的解决方案是退出浏览器并重新打开并再次访问该网站。这真的很烦人，我想知道是否有解决方案。

有关该方法的更多信息： http://api.jquery.com/jQuery.get/

使用的代码：

function pagina_ophalen(pagina){    
    $.get('paginas/' + pagina + '.html', function(data){
    $('#inlaadcontent').css('display','none');
        $('#inlaadcontent').html(data);
    $('#inlaadcontent').fadeIn("slow");
    });

}

非常感谢很多。 迪伦

Answer 1

要使其正常工作，您可以进行的最简单的更改是

function pagina_ophalen(pagina){    
    $.get('paginas/' + pagina + '.html',
          { t = new Date().getTime() },    // ADD THIS
          function(data){
            $('#inlaadcontent').css('display','none');
            $('#inlaadcontent').html(data);
            $('#inlaadcontent').fadeIn("slow");
          });
}

有什么区别？

您的浏览器正在缓存 AJAX 请求的结果，因为 URL 每次都是相同的。通过添加可变的查询参数（?t=xxxxxxx，基于当前时间戳），您可以使浏览器将每个请求视为新请求并再次获取页面，而不是使用缓存的结果。

如果您看一下 jQuery.ajax 函数（其中 get 只是一个以方便为目标的子集），您将看到有一个可以设置的 cache 选项。如果设置为 false，这正是我上面描述的。

Answer 2

最简单的方法是使用 http://api.jquery.com/jQuery.ajax/并将缓存设置为 false。

$.get() 无论如何都会调用 $.ajax，因此您将跳过一个步骤并获得正确的结果。

Answer 3

缓存问题。尝试在您的 URL 中添加随机数：

var randomToken = Math.random(); // Or replace if you need
$.get('paginas/' + pagina + '.html' + ? randomToken, function(data) {
    // ...
});