JS用html文件重定向答案

【问题标题】：JS redirect with html fileJS用html文件重定向
【发布时间】：2019-10-02 23:24:55
【问题描述】：

这个问题听起来很奇怪，所以让我解释一下。我的服务器将 HTML 文件作为字符串发送给客户端（我花了很多时间尝试使用简单的重定向，但不能）。我希望客户端使用这个 html 文件，但让它看起来像一个重定向。
换句话说，假设 example.com/blah1 将 HTML 文件作为字符串获取。我希望它将用户发送到 example.com/blah2，但不是使用 blah2.html，而是使用服务器中的 HTML 文件。目前，除了重定向部分，我已经弄清楚了一切。下面的代码将当前的 DOM 替换为来自服务器的新 DOM，但 url 保持不变。

        $(".login-form").submit(function(e)
        {
            e.preventDefault();
            var username = $(".username-input").val();
            var password = $(".password-input").val();
            $.post("/loginAttempt",{
                username: username,
                password: password
            },function(data)
            {
                $("html").html(data);
            });
        });

【问题讨论】：

标签： javascript node.js redirect

【解决方案1】：

查看History.pushState()。

新历史条目的 URL 由该参数给出。请注意，浏览器在调用 pushState() 后不会尝试加载此 URL，但它可能会在稍后尝试加载 URL，例如在用户重新启动浏览器之后。新的 URL 不需要是绝对的；如果是相对的，则相对于当前 URL 进行解析。

window.history.pushState({
  state: "foo"
}, "title", "/blah2.html");

【讨论】：