将用户重定向到打开模式的页面

Question

当我需要将用户重定向到其他页面并在该页面上打开模式时，我使用以下方法：

var qsData = parseQueryString();
var showModal = ("show-modal" in qsData);
if (showModal) {

    // Load the modal and change the url back to the base url
    var modalToDisplay = qsData['show-modal'];
    $(`a[data-modal-body-id="${modalToDisplay}"]`).click();
    window.history.pushState({}, null, window.location.href.split('?')[0]);

}

这样，我可以传递一个网址，例如：

http://myste.net/account/?show-modal=change-password

它将为他们打开“更改密码”模式。 在执行此重定向时，我需要完成两件事：

• 如果用户刷新页面，则仅显示基本URL- http://myste.net/account/ [当前在以上代码中处理]
• 如果用户在浏览器中单击“后退”按钮，则其中不包含重定向网址-http: //myste.net/account/? show- modal= change- password [目前在以上代码中未处理]

做到这一点的最佳方法是什么？ 也就是说，更改url但不将其存储在历史记录中吗？ 我当时在考虑使用会话变量，但是我认为这不起作用，因为有时url链接会出现在电子邮件中，因此有时我没有'state'开头。

Answer 1

你应该尝试使用

window.history.replaceState({}, null, window.location.href.split('?')[0]);

这不会将新状态添加到堆栈中。 它将替换当前的。