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

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

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