IE8/IE9下Ajax缓存问题

ajax简介
【IE8/IE9下Ajax缓存问题】AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术 。
AJAX = 异步 JavaScript和XML(标准通用标记语言的子集) 。
AJAX 是一种用于创建快速动态网页的技术 。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新 。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新 。
步入正题:
最近在做一个网站的登录注册框,前端使用了jquery 。由于sign和login不是在单独的页面上,而是以一个弹出框出现 。所以决定使用ajax来实现注册和登录功能 。本以为可以一帆风顺,结果在测试的时候发现了奇怪的问题 。

在用chrome , ff , IE10 测试的时候基本没问题,但在IE8,9上运行时却出现了输入正确的用户名和密码不能登录的情况 。一开始还以为是session丢失了,开始吐槽后台的框架 。

但是在耐心的调试后,发现session并没有丢失 。这下可急死我了,难道混了这么久连一个注册登录都搞不定?这让我不禁妄自菲薄,感叹人生百态,世事无常 。就这样过了1/3炷香之后,我决定要振作起来 。

在仔细观察我那没长几个注释的代码后,我发现$.ajax中的url有点奇怪 。虽然地址是正确的,但程序猿和攻城狮的直觉告诉我,IE8 9两兄弟有可能自作多情地缓存了我的ajax 。想到这里,双手突然有些颤抖,慌忙在url后加了个时间戳 。

//就像这样url:myurl "t=" (new Date).valueOf() 然后清个缓存再试试,成功!可以正常登录了 。

查了查百度,原来在IE8 9下,进行Ajax请求时,若与之前请求相同,则不会再从服务器获取数据,而是直接从本地获取 。

这样,为了对付低版本IE过分的热情,在使用$.ajax时可以将其cache属性设置为false(未测试过),

cache:

要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息 。

或者在全局中设置(未测试过)

//$.ajaxSetup() 方法设置全局 AJAX 默认选项 。$.ajaxSetup({ cache: false }); 这样就不用再担心缓存了 。

但是,缓存并非是为了给我们带来麻烦而设置的,毕竟别的浏览器可以正常使用 。所以,要为IE8 9单独设置禁用缓存中的信息 。

//jquery 1.9.0后取消了$.browserif($.browser.msie">// IE6789,input元素的checked属性不能被拷贝// IE下,input被更换类型后,无法保持前一个类型所设的值if(!$.support.radioValue&&!$.support.noCloneChecked){//做处理 } $.support主要用于 jQuery 的内部使用,感觉一点也不好用 。

以上所述是小编给大家介绍的IE8/IE9下Ajax缓存问题 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的 。在此也非常感谢大家对我们网站的支持!
您可能感兴趣的文章:IE8下Ajax缓存问题及解决办法IE9 IE8 ajax跨域问题的快速解决方法JQuery1.4Ajax IE8 内存泄漏问题IE8用ajax访问不能每次都刷新的问题

    推荐阅读