Question

在根据下拉控件的选定值询问有关如何刷新页面的几个问题后，我现在有了一个新问题 - 不知怎的，我的＆＃34; ChangeLanguage＆＃34;方法返回我的View的缓存版本。

查看：

@model ViewModels.HomeViewModel

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<script src="~/Scripts/jquery-1.10.2.js" type="text/javascript"></script>
<title id="Title">Default</title>
</head>
<body>
<div class="Header">
    <div class="HeaderTextArea">
        <span id="HeaderText">
            @Model.Title.Where(o => o.Language.Equals(Model.SelectedLanguage)).FirstOrDefault().ControlText
        </span>
    </div>
    <div class="HeaderImageArea">
        <img id="RB_Image" src="~/Content/Images/RB_Logo.png" alt="RB_IMAGE" />
    </div>
    <div class="LanguageSelection">
        @{
            @Html.DropDownList("SelectedLanguage", new SelectList(Model.AvailableLanguages, "ID", "Description"))
        }
    </div>
</div>
<div class="Content">
    @RenderBody()
</div>

<script>
var url = '@Url.Action("ChangeLanguage", "Home")';
$('#SelectedLanguage').change(function () {
    $.getJSON(url, {
        ID: $(this).val(), Model: @Html.Raw(Json.Encode(Model))
        });
});

请注意，这是我的布局视图。我也在我的索引上尝试了相同的结果。

控制器：

public class HomeController : Controller
{
    public ViewModels.HomeViewModel HVM { get; private set; }
    // GET: Home
    public ActionResult Index()
    {
        this.HVM = new ViewModels.HomeViewModel();
        this.HVM.SelectedLanguage = this.HVM.AvailableLanguages.First();
        return View(this.HVM);
    }

    public ActionResult ChangeLanguage(int id, ViewModels.HomeViewModel model) {
        model.SelectedLanguage = model.AvailableLanguages.Where(o => o.ID.Equals(id)).First();
        model.SelectedTitle = model.Title.Where(o => o.Language.Equals(model.SelectedLanguage)).First();
        return View("Index", model);
    }
}

调用ChangeLanguage方法，修改所需数据并返回＆＃34; new＆＃34;按预期查看 - View中的逻辑也是它的工作 - 但是预期的内容没有显示 - 而是来自＆＃34;第一个视图＆＃34;出现。所以数据和显示的数据不同。

聚苯乙烯。我知道视图应该是愚蠢的，不应该在里面放置逻辑 - 但这只是出于测试目的。最后，一切都应该位于我的ViewModels中。

Answer 1

你没有缓存任何东西。 ajax调用保持在同一页面上。您正在调用一个返回视图的方法（它应该是部分视图）但是您不对该内容执行任何操作（即更新DOM）。你的脚本也使用$.getJSON()，它需要json，但你的控制器方法返回html，所以它无论如何都不会工作。此外，请勿使用@Html.Raw(Json.Encode(Model)传回整个模型。这将传递您已经在控制器中访问的原始模型（未更改），因此它只会降低性能。

您可以考虑的3个选项

将所选语言传递给返回json的控制器方法正如我在回答你的一个previous questions时所指出的那样。这将提供最佳性能
将所选语言传递给返回a的控制器方法部分查看并更新DOM

控制器（请注意删除public ViewModels.HomeViewModel HVM { get; private set; }）

public PartialViewResult ChangeLanguage(int id) {
  HomeViewModel model = new HomeViewModel();
  model.SelectedLanguage = model.AvailableLanguages.Where(o => o.ID.Equals(id)).First();
  model.SelectedTitle = model.Title.Where(o => o.Language.Equals(model.SelectedLanguage)).First();
  return PartialView(model); // the partial just contains the elements you want to update
}

查看

<div id="mycontent"></div>

$('#SelectedLanguage').change(function () {
  $('#mycontent').load(url, { ID: $(this).val() });
});

如果您不关心性能，请将下拉列表放在带有提交按钮的表单中并进行正常提交（如果您想生成一个完整的新视图，则使用ajax没有任何意义）

Answer 2

添加OutputCache属性，如下所示

 [OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
 public ActionResult ChangeLanguage(int id, ViewModels.HomeViewModel model) {

ASP.Net MVC ActionResult返回缓存的View？

2 个答案: