IE8,9下的ajax缓存问题

简介: 原文:IE8,9下的ajax缓存问题  最近在做一个网站的登录注册框,前端使用了jquery。由于sign和login不是在单独的页面上,而是以一个弹出框出现。所以决定使用ajax来实现注册和登录功能。
原文: IE8,9下的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后取消了$.browser
if
($.browser.msie&&($.browser.version=="8.0"||$.browser.version=="9.0")){ //做处理 }

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

  

// IE6789,input元素的checked属性不能被拷贝
// IE会拷贝事件
if
(!$.support.noCloneEvent&&!$.support.noCloneChecked){ //做处理 }

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

  如果有错误或是更好的办法请留言告诉我。

 

目录
相关文章
|
缓存 前端开发 UED
Ajax请求如何避免缓存问题
当Ajax第一次发送请求后,会把请求的URL和返回的响应结果保存在缓存内,当下一次调用Ajax发送相同的请求时(URL完全相同,参数完全相同),浏览器就不会与服务器交互,而是直接从缓存中把数据取出来,这是为了提高页面的响应速度和用户体验,(服务端也会收到请求响应304)。
122 0
|
缓存 前端开发 JavaScript
学习AJAX必知必会(3)~自动重启工具nodemon、缓存问题、请求超时和网络异常、取消重复请求
学习AJAX必知必会(3)~自动重启工具nodemon、缓存问题、请求超时和网络异常、取消重复请求
121 0
|
缓存 前端开发 JavaScript
|
缓存 前端开发
|
缓存 前端开发 JavaScript
|
Web App开发 缓存 JavaScript
|
缓存 JavaScript 前端开发
IE浏览器下ajax缓存导致数据不更新的解决方法
摘自:http://www.iefans.net/ie-ajax-json-shuju-huancun/ 最近做设计的时候遇到一个小问题,当你用jquery的getjson函数从后台获取数据的时候,IE浏览器会自动设置缓存,如果此时你对数据进行修改的时候刷新页面,IE并不会在页面显示你修改后的数据,因为你刷新的时候IE浏览器会查找缓存并显示你修改前的数据,最后在网上查了些资料终于解决了IE浏览器下的问题。
1286 0
|
缓存 前端开发 JavaScript
Ajax解决缓存的5种方法
原文:http://www.ido321.com/129.html 1、在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“If-Modified-Since”,”0″)。
674 0