jquery - 使用 ASP.Net MVC、Ajax 和部分 View ，如何更新我的 url？

Question

好的，所以我尝试在页面左侧设置一个静态菜单，以便单击链接时它不会改变。

我是如何做到这一点的，我在我的 A 标签上调用了一些 javascript，它调用了一些 ajax。我的 Controller 返回一个部分 View ，然后将其加载到我的内容 div 中。

这一切都运行良好。我遇到的问题是我的 URL 没有更改，并且我希望能够使用后退按钮返回到上一页。

我尝试使用 location.hash 但这似乎并没有按照我希望的方式工作。想法？

下面是我的代码。

HTML

<li class="item3"><a href="#">Admin</a>
<ul>
    <li class="subitem1"><a onclick="ChangePage('/Admin/PageName', 'Hash')">Page Name</a></li>

Javascript

function ChangePage(path, hash) {
        $.post(path, function (data) {
            $('#content').html(data);
            window.location.hash = '#' + hash;
        });
    }

Controller

 public ActionResult PageName()
    {
        return PartialView("MyPage");
    }

谢谢!大卫

Answer 1

考虑查看pjax 。使用 MVC 实现非常容易，并且完全可以完成您想要完成的任务。

This article讨论另一种选择，PAjax。

两者都利用 pushState，正如您在评论中所述，仍然没有得到所有浏览器的完全支持。但是当不支持pushstate时，pjax确实会通过进行整页更新来优雅地降级。