jquery是如何清除ajax缓存的

最新推荐文章于 2021-08-05 21:46:11 发布

转载最新推荐文章于 2021-08-05 21:46:11 发布 · 213 阅读

文章标签：

本文介绍如何使用jQuery设置cache:false属性来解决IE AJAX请求只读取第一次数据并从缓存提取后续数据的问题，同时提供原生JS清除缓存的方法。

大家都知道万恶的IE在ajax中往往只读取第一次ajax请求时候的数据，其余时候都是从cache提取数据，（太懒了T_T）。原生的JS清除ajax缓存的方法多,但是终觉有点繁琐，如果是用jquery的同学，就设置一个参数就OK了,那就是cache: false，比如：

    $.ajax({
        url: "mms-draft!getMmsDraftList",
        cache: false,
        dataType : "json",
        data:{
             //some parameters
        },
        success: function(data) {
            //do something
        }
    });

另外附上原生js方法： 　　

1、在服务端加 header("Cache-Control: no-cache, must-revalidate");(如php中) 　　
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：不推荐

my eg：

        //创建测试用户是否存在的方法
        function MatchBM() {

            userName=  document.getElementById("ctl00_ContentPlaceHolder1_baoming1_txtUserName");
            passWord = document.getElementById("ctl00_ContentPlaceHolder1_baoming1_txtPassWord");
            
            var strUserName = enCode(userName.value);
            createXMLHttpRequest(); //创建XMLHttpRequest对象
            try {
                
                xmlHttp.onreadystatechange = UserIsExist; //指定判断当前输入的用户是否已经存在的方法名
                xmlHttp.open("GET", "MatchBaoming.aspx?txtUserName="+strUserName+"&txtPassWord="+passWord.value+"&fresh=" + Math.random(), true);  // true:允许异步请求

                
                xmlHttp.send(null); //发送上面创建的HTTP请求
            } catch (exception) {
                alert("您要访问的资源不存在!");
            }
        }