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

前端之家收集整理的这篇文章主要介绍了ajax 缓存问题---禁止刷新前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在使用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:不推荐

猜你在找的Ajax相关文章