使用ASP.Net MVC，Ajax和Partial Views，如何更新我的URL？

Question

好的，所以我試圖在頁面的左側有一個靜態菜單，這樣當點擊鏈接時它就不會改變。

我是如何做到這一點的，我在我的A標簽上調用了一些調用ajax的小javascript。 我的控制器返回一個部分視圖，然后將其加載到我的內容div中。

一切正常。 我遇到的問題是我的網址沒有變化，我希望能夠使用后退按鈕返回上一頁。

我曾嘗試使用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;
        });
    }

調節器

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

謝謝！ 大衛

Answer 1

考慮檢查pjax 。 實現w / MVC非常容易，並且將完全按照您要完成的任務完成。

本文討論另一種選擇，PAjax。

兩者都利用了pushState ，正如你在評論中所述，仍然沒有得到所有瀏覽器的完全支持。 但是，當不支持pushstate時，通過執行完整頁面更新，pjax會優雅地降級。