jquery ajax缓存问题解决方法小结

作者：袖梨 2022-11-14

解决方法：

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缓存问题我们上面的方法都有简单测试都是有效的大家根据自己喜欢选择吧，当然有时我们是需要缓存功能有时不需要大家可以根据实际情况来设置。