如何在单击浏览器的后退按钮

时间:2017-04-06 13:34:52

标签: javascript c# jquery asp.net-mvc modelstate

我需要一种方法来重置"当用户点击浏览器的后退按钮时,在重新显示整个页面后,我的局部视图(搜索部分)中的下拉列表。

索引视图包含搜索部分视图,搜索更新“索引”页面中的另一部分,当用户单击其中一个结果时,将显示详细信息页面。到现在为止还挺好。但是,如果用户单击浏览器的后退按钮,则会再次显示带有搜索部分视图的索引页面,但下拉列表中会显示所选项目。我需要重置它们。

我尝试了

[OutputCache(NoStore = true, Duration = 0)]

在Index方法之上,但它没有帮助。


这是部分视图(在索引视图/页面中)

enter image description here
这是控制器代码:

public ActionResult Search()
    {          
        var _citiesList = new SelectList((from c in repository.Cities select c), "CityID", "CityName");

        var searchViewModel = new ServiceProviderViewModel.SearchModel
        {
            CitiesList = _citiesList
        };

        return PartialView("_SearchSP", searchViewModel);          
    }

    [HttpPost]
    public ActionResult Search(ServiceProviderViewModel.SearchModel searchViewModel)
    {
        if (ModelState.IsValid)
        {
            var _serviceProviders = repository.ServiceProviders.
                Where(sp => sp.ServiceTypes.Select(t => t.ID).Contains((int)searchViewModel.ServiceType))
                .Where(sp => sp.DistrictID == searchViewModel.selectedDistrictID);

            return PartialView("_SearchResults", _serviceProviders);
        }
        else
        {
            return PartialView("_SearchSP", searchViewModel);
        }
    }


    public ActionResult GetDistrictsOfTheCity(int cityId)
    {
        var districts = new SelectList(repository.Districts.Where(d => d.CityID == cityId), "DistrictID", "DistrictName");

        return Json(districts, JsonRequestBehavior.AllowGet);
    }

1 个答案:

答案 0 :(得分:0)

<强> Duplicate With

现代浏览器实现了一种称为后向缓存(BFCache)的东西。当您按后退/前进按钮时,不会重新加载实际页面(并且不会重新运行脚本)。

如果您必须在用户按后退/前进键时执行某些操作 - 请收听BFCache页面显示和页面隐藏事件。

伪jQuery示例:

$(window).bind("pageshow", function() {
  // update hidden input field
});

查看GeckoWebKit实施的详细信息。