jquery - 单击浏览器后退按钮，部分 View 不再显示？

Question

我有一个带有链接的表格的 View 。单击链接时，JQuery 通过 ajax 加载 PartialViewResult。问题是，当用户单击部分 View 中显示的结果中的链接并转到另一个页面然后单击后退按钮时，原始页面上呈现的部分 View 的内容不再显示在页面上。如果用户单击浏览器后退按钮，如何显示渲染的部分 View ？

JQuery...

 <script type="text/javascript">

 function getGroup(id) {
     var link = "Search/GroupDetails/" + id;
     $('#Group').load(link);
     $('#Group').show();
 }

这被加载到 DIV 中

 <div id="Group">
 </div>

Controller 部分 View

        public PartialViewResult GroupDetails(string id)
    {
        SearchIndexViewModel newSIVM = new SearchIndexViewModel();
        id = Help.FormatID(id);
        CCRUser ccrUser = _CCRUser.GetUser();
        newSIVM.CCRUser = ccrUser;

        if (!string.IsNullOrEmpty(id))
        {
            newSIVM.Selected_Group = _Groups.GetSingleGroup(id, cUser);
            newSIVM.Group_Owner = _Groups.GetGroupOwner(id, cUser);
            newSIVM.Group_Members = _Groups.GetGroupMembers(id, cUser);        
            HttpContext.Session["SELECTEDGROUPNAME"] = id;

        }

        return PartialView("_GroupDetails", newSIVM);
    }

Answer 1

您的脚本中可以有一个 document.ready 函数。每次加载原始 View 时都会触发此操作。 (我检查过，即使你按后退按钮它也会被触发)

$(document).ready(function() {
    // Check the session value from the server by sending a ajax request. 
    // You can use the success function of the ajax request to call the get group function
    // If a SELECTEDGROUPNAME exists
    getGroup(1);

});