JS浏览器不缓存页面的几种方法

我们需不需要浏览器缓存?

浏览器缓存,有时我们需要,有时我们不需要,就比如股票类型的网页就需要实时刷新数据,不能让页面从缓存里读取数据,如果对于一些不需要实时更新数据的网站来说,浏览器缓存可以提高加载速度,带来更好的用户体验,到底需不需要浏览器缓存,让我们自己操作!

meta方法

1//不缓存
2<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
3<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
4<META HTTP-EQUIV="expires" CONTENT="0">

清除form表单的缓存

from表单的缓存有助于我们输入的便捷性,但有时为了安全着想还是要清除缓存

<body onLoad="javascript:document.yourFormName.reset()">

jquery ajax清除浏览器缓存

直接添加cache:false,每次都向服务器动态请求最新数据

1 $.ajax({
2     url:'www.ndweb.com',
3     dataType:'json',
4     data:{},
5     cache:false, 
6     ifModified :true ,
7
8     success:function(response){
9         //操作
10     }
11     async:false
12  });

随机数

向URL链接的最后拼接随机数,也能实现没有缓存,因为每次拼接的随机数不同,链接就是一个新的链接,就不会从缓存中读取.

?ran=" + Math.random()

随机事件

可以向URL链接的最末尾添加随机时间的时间戳,原理跟随机数一致.

?timestamp=" + new Date().getTime()

php方法

 header("Cache-Control: no-cache, must-revalidate");//在服务端加,如php

1.在Ajax发送请求前加上 anyAjaxObj.setRequestHeader ("If-Modified-Since","0")

2.在Ajax发送请求前加上 anyAjaxObj.setRequestHeader ("Cache-Control","no-cache")

3.在URL后面加上一个随机数:"fresh"+Math.random;

4.在URL后面加上时间戳:"nowtime="+new Date.getTime;

5.如果是使用jQuery,直接这样就可以了

$.ajaxSetUp({cache:false}) 6.$.ajax("url",{cache:false,success:function{}})

评论区

加载中...