window.location.reload与window.location.href

今天遇到一个bug。

问题描述

A页面和B页面只是页面状态不同，但是属于同一个url。

A页面有一个form表单，表单post提交之后，服务器会返回B页面，B页面会有一个ajax请求，ajax请求成功的回调函数callback中，会刷新当前页面。

问题就在于，在B页面的callback中使用window.location.reload()去刷新当前页面，那么在服务器端会收到A页面中的form表单的请求。

原因分析

因为从A页面到B页面是服务器端实现的跳转，浏览器没能察觉，因此依然缓存的是A页面，那么在B页面中使用window.location.reload进行刷新的时候，提交的依然是A页面。

解决方法

使用window.location.href=window.location.href，这种不是通过浏览器的刷新按钮去实现刷新的，而是通过替换url地址实现刷新的，这样相当于重新向服务器发了一次请求。相当于无缓存刷新。