ie浏览器Ajax缓存bug:ajax请求发送不到后台

在IE浏览器中,由于默认开启Ajax缓存,导致连续请求相同URL时,第二次请求未真正发送到后台。为解决此问题,可以采取两种方法:1. 在URL后添加随机参数确保每次请求URL不同;2. 使用jQuery的ajaxSetup()关闭Ajax缓存,从源头避免缓存问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在做项目登陆界面的时候发现,连续两次输入同样的用户名和密码,第二次就会出错,跳转到首页之后显示用户为空。debug一下,发现程序根本没有进入后台的login Controller。这是为什么呢?

后来发现这个bug只在ie浏览器中出现,其他浏览器都没有这个问题。最后查了半天,终于找到原因:

ie浏览器默认开启ajax缓存,也就是说,如果我的url值与上次相同,ajax请求根本不会发送到后台,而是会直接读取上次的结果。

那么显然,解决方法有两种(个人认为第二种更好):

一、给url后面添加一个随机参数,使得每次的url值都不同

这个方法有很多,这里列举两个:

1、在 Ajax 的 URL 参数后加上

 "?fresh=" + Math.random();  

2、在 URL 参数后加上

 "?timestamp=" + new Date().getTime();

二、关闭ajax缓存,从根源上解决问题

jQuery提供一个防止ajax使用缓存的方法:

<script> 
     $.ajaxSetup ({ 
           cache: false //关闭ajax缓存
      }); 
</script>

参考的文章:

1、jQuery ajaxSetup() 方法及ajax缓存问题(主要看的这篇,很有条理)
2、IE浏览器下ajax缓存导致数据不更新的解决方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值