IE8/IE9下Ajax缓存问题

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+""+(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&&($.browser.version=="8.0"||$.browser.version=="9.0")){
//做处理 
}

　　在1.9.0之后可以使用$.support来判断

// IE6789,input元素的checked属性不能被拷贝// IE下，input被更换类型后，无法保持前一个类型所设的值if(!$.support.radioValue&&!$.support.noCloneChecked){
//做处理 
} 

　　$.support主要用于 jQuery 的内部使用，感觉一点也不好用。

以上所述是小编给大家介绍的IE8/IE9下Ajax缓存问题 ，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！