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

     最近做前端遇到一个问题:在IE8下点击一个按钮需要发送两次异步请求,拼装html,动态生成表格,功能基本完成了,可测试的时候发现,只有该页面最开始加载的时候,点击按钮会发送请求刷新表格,当再次点击按钮的时候就不发送请求了,页面也会一闪(以为刷新了),仔细一看表格里面还是上次的数据。于是换了火狐试试,发现火狐是正常的,能正常发送请求,表格数据也是最新的,想到可能是缓存的问题,在网上搜了一下,果然有位同仁和我遇到了一样的问题,现在和大家分享一下:
     IE缓存问题,因为第一次请求过,再请求还是同样的url,这个页面已经被IE缓存了, 所以没有再次触发其他的异步页面。从这里我们就可以看出IE浏览器下打开的网页js代码中,如果对同一个地址进行重复提交,并且参数不发生变化的情况 下,ie6-ie7都会将缓存中的数据返回给客户端。虽然这样节省了从新执行页面的时间,但是在某些项目中数据需要实时更新的情况下就成为一个bug了, 为了解决ie浏览器的这个怪癖,当然也保证在其它浏览器下可以正常的显示,我们可以在提交请求的时候给请求参数添加一个随机的参数,这样就保证请求的参数 的不重复,ie不直接读取缓存的问题了。
     

具体的解决方法如下:

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

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

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

 

    按照上面的解决办法,我的问题解决了,但回过神来一想发现两个问题:

    1、其实我的url还是在不断重复,参数多了一个num而已,只是值是随机变的,这个情况我之前的url里面有个id也是这样的啊,id的值是变化的。

    2、 还有一点就是Math.round(Math.random()*10000);不能保证100%的不重复

请教各位大大,这两个问题有什么方案或想法。

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值