Question

我的页面工作，html网站被加载到div，我试图添加一个功能，只有当使用F5重新加载页面时才刷新div，当我在html中添加一些东西时，我成功了一半然后按F5重新加载div，但只是在某些情况下，说实话它的工作方式有些奇怪，比如五分钟它有效，另外五分钟也没有。我读了一些关于它的文章，我的朋友告诉我它与缓存有关。像重新加载时的浏览器存储网站，当更改时，它会持续更长时间重新启动它？你能在这启发我吗？缓存如何正常工作或我应该做些什么？这是我的代码

<script>
var d; 
function jauto(date) {
        $(function(){
        $("#mydiv").load("articles/201506"+date+".html"); 
        d=date;
    });


        $(document).keydown(function(e) {
            if (e.which == 116 ||e.keyCode == 116|| e.keyCode == 82 && e.ctrlKey) { 
                $("#mydiv").load("article/201506"+d+".html"); 
                 return false;
                 }
    });
}
</script>

感谢任何可以帮助我的事情。

Answer 1

我想这与浏览器缓存静态HTML页面有关。我认为你有两个选项。在你的HTML中设置下面的元，它将指示浏览器不要缓存页面：

<meta http-equiv="pragma" content="no-cache" />

2。每次附加一个随机/唯一的查询字符串，同时发出请求欺骗浏览器认为它是一个新请求并在刷新时重新加载。这样做如下：

      <script> var d; 
function jauto(date){(function(){
   ("#mydiv").load("articles/201506"+date+".html"+
'?q='+(new Date()).getTime() ); 
d=date; });
(document).keydown(function(e) { 
  if (e.which    == 116 ||e.keyCode == 116|| e.keyCode == 82 &&    e.ctrlKey) {

        ("#mydiv").load("article/201506"+d+".html"+    '?q='+(new Date()).getTime() ); 
return false; 
} }); } 
</script>

抱歉代码格式错误

第二个Div刷新

1 个答案: