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

在做项目登陆界面的时候发现,连续两次输入同样的用户名和密码,第二次就会出错,跳转到首页之后显示用户为空。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缓存导致数据不更新的解决方法

Guess you like

Origin blog.csdn.net/lixingecho/article/details/117283096