您的位置:首页 > 其它

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

2015-08-25 13:35 239 查看
在使用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:不推荐
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: