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