弹出层 ajax请求在IE中的不能重复请求

最近在做了个项目,其中用到一个功能,就是在下载完配置文件以后弹出一个确认下载参数的页面。方便客户对设备配置参数确认,还可以将这些参数下载保存成pdf文件归档。其他浏览器都正常运行的。但就是IE系的不行,最后,好不容一IE11都可以了,最新的edge却不行。本来是用chrome做开发调试的。只能用IE工具,开发者工具来调试了。一看win7下的还是IE8,连个网络的选项都没有。果断升级成IE9了,这才能共看看究竟。是什么愿意导致弹出的数据不对。


在IE浏览器下调试这项目,这个项目里面包含对弹出层调用时,用到ajax的异步请求,发现。当我们第一次加载页面时可以成功的请求后台弹出正确的页面。不过在当我改变选择的参数后,再次点击,就会显示原来选择的页面,不是新触发的请求,当清楚缓存以后IE浏览器又正常了发送请求了。就这样现象就是

第一次请求OK,再次请求就有问题了。

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

具体的解决方法如下:

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

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

url = url + "/"+Math.round(Math.random()*10000);

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

IE浏览器的兼容行确实让web开发小伙伴们太伤脑筋了。

此外 IE8 居然发送字符串到后台时, 会丢失双引号。id=" m_1"  变成 id=m_1 class="p_title" 变成 class=p_title 在这也标记一下!
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值