jquery ajax cache的问题

function test()
        {
            $.ajax({
                type:'GET',
                url:"tt.php",
                data:"page=112",
                success:function(msg)
                {
                    alert(msg);
                }
            })    
        }
    </script>
    <a onclick="test()">test</a>
/*
ie下面只会建立一次 ajax 请求,将响应结果放在浏览器缓存里 下次调用该ajax请求时 从缓存里读取
火狐下面 每次激活事件 都会重新建立一次ajax请求
所以 ie 不能保证ajax数据的实时性 解决方式就是   cache:false
上次面试遇见这个问题了
*/

处理方法:

Ajax处理IE不更新的cache问题

在做ajax页面无刷新添加的时候,IE下遭遇Ajax缓存,因为刚开始并不知道IE有这个坏毛病,折腾好久,终于解决问题。总结一下解决办法:

在IE下用Ajax请求某一页面,通常会因为缓存的原因而返回上一次的结果,造成混乱,[即get方式时,获取数据,因发送参数和地址都一致,故IE浏览器会从缓存中取,而不会去请求服务器端,而post方式因为参数的不同,不会产生这个问题]而FF下不会出现这种情况。为了不受缓存影响,可以这样做:

IE访问策略:Internet选项--浏览历史记录--设置-- Internet 临时文件的选项改为每次访问网页时也可以

1: 在AJAX请求的页面后加个随机函数,我们可以使用随机时间函数

在javascript发送的URL后加上t=Math.random()

例如这样:URL+"&"+"t="+Math.random();或者new Date();

在 URL 参数后加上 "?timestamp=" + new Date().getTime();

最好的方法:

$.ajaxSetup({cache:false})

上一篇:JS Math算数


下一篇:【web前端面试题整理06】成都第一弹,邂逅聚美优品