jquery - Javascript Ajax 发布数据

Question

Javascript:

    function LoginButton1OnClick() {
        $.ajax({
            type: "POST",
            url: "Login/MainPageRegister",
            cache:false,
            data:
                {
                    LoginEmailText: $("#LoginEmailText").val(),
                    LoginPasswordText: $("#LoginPasswordText").val(),
                },
            success: function (mydata) {
                $("#BodyPage").html(mydata);
            }
        });
    }

操作结果:

 [HttpPost]
    public ActionResult MainPageRegister(MyModel model)
    {
        return View();
    }

我将数据发布到“MainPageRegister”。但是出现了 2 个问题。

1. 网址在浏览器中永远不会改变。在我发布数据后。

2. 我无法在浏览器中点击“后退”、前进”。如果我通过输入“f5”刷新浏览器，页面会打开上一页而不是当前页面页。

任何帮助将不胜感激。

Answer 1

问题是您正在执行ajax请求，ajax请求不会修改浏览器历史记录，因此您无法返回。

您可以使用 HTML5 PushState() 通过 JS 以及主题标签来修改历史记录。在JS中你可以使用window.location.hash来修改URL hashtag。

这个问题的第一个答案可以给这个问题带来更多的启发:Change the URL in the browser without loading the new page using JavaScript