当用户访问我的网站时,每个页面上都会有一个“登录”链接。单击此按钮会使用一些 JavaScript 来显示一个覆盖窗口,系统会在其中提示用户输入其凭据。输入这些凭据后,将向 Web 服务器发出 Ajax 调用以验证它们;如果它们有效,则会发回身份验证票证 cookie 并重新加载页面,以便显示页面上特定于经过身份验证的用户或(现在)当前登录用户的任何内容。
我正在通过脚本完成页面重新加载:
window.location.reload();
这对于通过 GET 请求加载的页面(绝大多数)非常有效,但有些页面使用回发表单。因此,如果用户转到这些页面之一,执行回发,然后选择登录,当window.location.reload()
脚本运行时,系统会提示对话框,询问是否要重新提交 POST 正文。
我想解决这个问题我可以告诉浏览器重新加载页面,所以我尝试了:
window.location.href = window.location.href;
但浏览器不会对上述语句采取任何操作,我猜是因为它认为新 URL 与旧 URL 相同。如果我将上面的内容更改为:
window.location.href = window.location.pathname;
它重新加载页面,但我丢失了所有查询字符串参数。
我当前的解决方法足够了,但还不够漂亮 - 简而言之,我在当前的查询字符串参数上添加了一个查询字符串参数window.location.href
值,然后将其分配回window.location.href
通过致电reloadPage("justLoggedIn")
,其中reloadPage
函数是:
function reloadPage(querystringTackon) {
var currentUrl = window.location.href;
if (querystringTackon != null && querystringTackon.length > 0 && currentUrl.indexOf(querystringTackon) < 0) {
if (currentUrl.indexOf("?") < 0)
currentUrl += "?" + querystringTackon;
else
currentUrl += "&" + querystringTackon;
}
window.location.href = currentUrl;
}
这可行,但会导致 URL 变为www.example.com/SomeFolder/SomePage.aspx?justLoggedIn
,这看起来很俗气。
JavaScript 有没有办法让它执行 GET 重新加载而不提示用户重新提交 POST 数据?我需要确保任何现有的查询字符串参数都不会丢失。