欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery如何处理ajax缓存问题

程序员文章站 2022-03-03 13:34:18
...

jquery处理ajax缓存问题的方法:1、直接设置【$.ajaxSetup({cache: false})】;2、把type改成post,并设置设置一个参数【data: 'a=b'】。

jquery如何处理ajax缓存问题

推荐:《jquery视频教程

jquery处理ajax缓存问题的方法:

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

相关免费学习推荐:JavaScript(视频)

以上就是jquery如何处理ajax缓存问题的详细内容,更多请关注其它相关文章!