最近在开发公司Web项目时遇到了一个问题,在编辑表单时,下一步后想要回退到上一步,点击浏览器后退按钮时,会出现页面丢失的情况,如下图所示:
在网上找了很多方法,都是让在网页中加入不缓存页面的代码标注,这样浏览器就不会缓存页面,但是经过尝试后发现这些标注是针对那些静态文件的,如js、css等,跟这里浏览器缓存了表单信息无关,还是会出选页面丢失的情况。
无奈只能去外网找找有没有解决方案,经过一番查找后,发现这是浏览器的安全机制导致,防止表单重复提交的,一般是因为页面中有form的存在才会导致这个问题,如果想要解决这个问题,只能使用prg模式,但是因为公司项目,已经到了后期,不可能去大量更改请求方式,所以还有另一种更为简单的方式去修复这个问题,那就是修改form表单的提交方式,将‘post’修改为‘get’。
修改前:
<form name="form" id="form" method="post" onsubmit="return false;">
修改后:
<form name="form" id="form" method="get" onsubmit="return false;">
但是这样修改后还会导致一个问题,就是当你成功提交表单后,点击浏览器后退按钮,回到表单信息页面,所有的信息还是你修改之前,如果不在意的话,可以使用这样的方式去防止出现ERR_CACHE_MISS的错误。
在修改form的提交方式后,还要注意一个情况,就是在进行页面跳转时要标注请求方式为post,不然会出现url后面带有大量query的情况,不在意的话可以忽略。。。
如果你的项目处于开发前期,那么还是建议使用prg(post-redirect-get)开发规范,不要使用form表单提交!