ajax 缓存问题---禁止刷新

发布时间：2020-12-16 01:52:55 所属栏目：百科来源：网络整理

导读：在使用jQuery ajax 无刷新提交判断input框中的值时，发现因为缓存问题，效果实现不对；解决办法：浏览器解决（不建议）： * 在Internet选项中清除浏览器缓存 *在F12开发者工具中清除缓存 php代码解决方法： ajax t提交时，不让生成缓存即可； 1、给请求链

在使用jQuery ajax 无刷新提交判断input框中的值时，发现因为缓存问题，效果实现不对；

解决办法：

浏览器解决（不建议）：
* 在Internet选项中清除浏览器缓存

*在F12开发者工具中清除缓存

php代码解决方法：
ajax t提交时，不让生成缓存即可；

1、给请求链接加随机数，如果用的是jQuery，直接设置: $.ajaxSetup({cache: false});

2、把type改成post，并随便设置设置一个参数data: 'a=b'（一定要设置参数，否则仍然会被cache）

3、说说生成不一样的数，就用随机数 Math.random();或者或者时间戳 + new Date();

例子

代码如下

$.ajax({
type:"GET"
url:'test.html',
cache:false,
dataType:"html",
success:function(msg){
alert(msg);
}
});

或者

$.ajax({
type:"GET"
url:'test.html?'+Math.random(),
cache:false,
dataType:"html",
success:function(msg){
alert(msg);
}
});

后来在网上找到了很多AJAX GET请求会被缓存解决方法总结一下

1、在服务端加 header(“Cache-Control: no-cache,must-revalidate”); 2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“If-Modified-Since”,”0″); 3、在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“Cache-Control”,”no-cache”); 4、在 Ajax 的 URL 参数后加上 “?fresh=” + Math.random(); //当然这里参数 fresh 可以任意取了 5、第四种方法和第三种类似，在 URL 参数后加上 “?timestamp=” + new Date().getTime(); 6、用POST替代GET：不推荐

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!