浏览器之家


解决IE浏览器下对于ajax重复提交处理的bug

在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和用户体验上我们不得不做一些牺牲。

评论

没安装畅言模块