技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> IE6下经典的请求abort问题

IE6下经典的请求abort问题

浏览:1286次  出处信息

   摘自:http://www.cnblogs.com/shihao/archive/2012/06/22/2559042.html

IE6 a标签的请求被abort的原因

   最近项目中掉进IE6 a标签abort两次坑,第一次是a标签绑定一个事件,href='javascript:;'这样a标签触发了事件,切换验证码图片,结果验证码图片总是显示不出来,通过抓包显示状态为abort。其实这个的原因可以从IE6中a标签执行顺序说起,IE6中a标签执行onclick在执行默认事件(即href跳转)之前,当触发了绑定的事件之后,那么处理完事件之后,如果不return false或者阻止默认事件,则会继续执行href跳转,IE6会认为页面跳转到其他页面或者页面重新刷新,则abort之前onclick事件中的请求。

   所以当onclick时,做出的获取最新验证码图片的请求,会因为下一步href的触发而abort。同时,如果你在a绑定的事件中做ajax请求,那么也会被无情的abort。

IE6 a标签的请求被abort的解决方案

   解决的方法就是在onclick或者绑定事件中return false来阻止a标签跳转的默认事件。

   例如下面的代码:

<a href="javascript:void(0)" onclick="fn();return false;">Test</a>

   或者你也可以给a标签的href写成“#”,即当前页面的锚点,这样页面就不会跳转,自然不会abort请求。

   最好的方式还是两种都用,保险!

   其他参考资料:

   http://www.web92.net/758.html

   http://www.cnblogs.com/Ren_Lei/archive/2010/09/26/1836130.html

建议继续学习:

  1. 解决IE6从Nginx服务器下载图片不Cache的Bug    (阅读:6962)
  2. IE6下position:absolute相邻元素margin-top失效的bug    (阅读:3020)
  3. 让IE6支持min-width    (阅读:2779)
  4. IE6中a标签location.href失效解决方法    (阅读:2365)
  5. IE6下appendChild的一个小问题。    (阅读:2174)
  6. IE6浮动引起的一些BUG    (阅读:2172)
  7. 这到底是谁之错?    (阅读:1420)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1