博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决IE浏览器下对于ajax重复提交处理的bug
阅读量:6843 次
发布时间:2019-06-26

本文共 907 字,大约阅读时间需要 3 分钟。

hot3.png

近在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浏览器留给我们一些问题,但每一个问题对于我们都是一个考验。

转载于:https://my.oschina.net/f2ekimi/blog/75231

你可能感兴趣的文章
九九乘法表
查看>>
统一沟通-技巧-9-Lync 2010-Outlook 2010-自动配置-2-普通人员
查看>>
js/nodejs检测时间有效性
查看>>
IOS UITableView详解二性能优化 & LOL游戏人物展示
查看>>
nexus 7 恢复出厂设置后一系列问题
查看>>
关于jFinal Db.query与Db.find 的理解
查看>>
源码解读Saltstack运行机制之Job Runtime
查看>>
2012-01-07 21:58
查看>>
Hyper-V: Making Template Virtual Machines
查看>>
如何避免忙成狗
查看>>
JavaWeb学习之Servlet(四)----ServletConfig获取配置信息、Servle
查看>>
使用Redisson实现分布式锁
查看>>
LVS DR模式详细搭建过程
查看>>
致敬 54岁的刘德华
查看>>
使用pushd和popd进行快速定位
查看>>
Vmware Workstation 10.0.1 build-1379776 patch for Linux kernel 3.13
查看>>
error while loading shared libraries: libiconv.so.2
查看>>
shell自动分区
查看>>
记录几个重要词汇的解析。
查看>>
在web项目中使用KSOAP2调用WebService
查看>>