实现的功能描述:
点击父页面中某个按钮触发事件(假设parent.hml),弹出窗口是一个表单(form.html),表单数据经过ajax异步发送请求,通过jsp来处理请求,将数据插入数据库中。窗口关闭以后,刷新父页面,将刚才所填的数据显示在父页面上。(父页面的每一次载入,也是通过ajax发送请求,从数据库中查询数据)。
这是一个比较常见的功能,但是会经常出现这样的错误。就是表单提交后,从数据库中查看,数据也正常的插入了,但是刷新父页面后却始终看不到这条数据的显示,造成这种现象很大的原因是由于浏览器的缓存问题当第一次发送请求返回的数据被浏览器缓存下来,当第二次再发送请求的时候,浏览器识别是同一个url因此就会直接从缓存中获取数据,而不去后台进行查询了。这种情况在ie浏览器下尤为常见。作为开发者来说,可以通过f12清一下缓存就ok了,但是我们肯定不能让每一个客户都这么做。
以下是我用到的两种解决方式:
1 给发送请求的url加随机数参数。让其每一次请求的url都是不同的。
例如:url: "../tService.jsp?optType=load&var="+new Date().getTime(),
2 在jsp中让其禁止缓存。
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragma","no-cache");
response.setDateHeader("Expires",0);
ok了,应该还有别的方式吧。