IE浏览器下ajax重复提交的问题处理

最近在IE浏览器下调试一个项目,这个项目里面包含onmouseover时用到 ajax的异步请求,当我们第一次加载页面鼠标移动到一个链接时可以成功的触发属性。不过在当我们把鼠标从新移动到另一个链接触发onmouseover 时就会显示出错,不是新触发的链接,IE浏览器左下的状态栏依然显示的还是第一次onmouseover触发时候连接。

遇到这个情况奇怪,以为是自己的ajax有错误,后来去查阅了一些相关的资料才知道是IE缓存在的问题,因为第一次请求过,再请求还是同样的 url,这个页面已经被IE缓存了, 所以没有再次触发其他的异步页面。从这里我们就可以看出IE浏览器下打开的网页js代码中,如果对同一个地址进行重复提交,并且参数不发生变化的情况下,ie6-ie7都会将缓存中的数据返回给客户端。虽然这样节省了从新执行页面的时间,但是在某些项目中数据需要实时更新的情况下就成为一个bug了,为了解决ie浏览器的这个怪癖,当然也保证在其它浏览器下可以正常的显示,我们可以在提交请求的时候给请求参数添加一个随机的参数,这样就保证请求的参数的不重复,ie不直接读取缓存的问题了。

具体的解决方法如下:

在url中的参数中加入随机数,使得每次请求的页面的url都不同,

这样就可以避免IE浏览器直接读取之前的缓存。

url = url + “&num=”+Math.round(Math.random()*10000);

AJAX确实非常的好用,能够为我们在做项目的时候提供更多便捷和效果,但感觉有时候为了考虑PV和用户体验上我们不得不做一些牺牲。

这里我有一个疑问就是不知道AJAX在异步请求的页面是包含在网站上面的,alexa会算上这个是网站的有效PV吗?

最后,假如大家在以后还遇到类似情况大家得需要多动脑筋了。这是我又一次在这个问题上短路。让我联想到以前的类似问题。虽然IE浏览器留给我们一些问题,但每一个问题对于我们都是一个考验。
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
文章引用地址:http://www.iefans.net/ie-ajax-chongfu-tijiao-bug/ 作者:iefans 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值