ASP.Net MVC ActionResult返回緩存的視圖嗎？

Question

在問了一些有關如何根據下拉控件的選定值刷新頁面的問題之后，我現在有了一個新問題-我的“ ChangeLanguage”方法以某種方式返回了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方法，修改所需的數據並按預期返回“新”視圖-視圖中的邏輯也起作用-但預期的內容未顯示-而是顯示“第一個視圖”中的數據起來。 因此，數據和顯示的數據不同。

PS。 我知道視圖應該是愚蠢的，內部不應放置任何邏輯-但這只是出於測試目的。 最后，所有內容都應位於我的ViewModels中。

Answer 1

您沒有緩存任何內容。 一個ajax調用停留在同一頁面上。 您正在調用一個返回視圖（應該是部分視圖）的方法，但是隨后您對該內容不執行任何操作（即更新DOM）。 您的腳本還使用$.getJSON()需要json的$.getJSON() ，但是您的控制器方法返回了html，因此無論如何它都不會起作用。 另外，不要使用@Html.Raw(Json.Encode(Model)傳遞回整個模型，這將傳遞您已經可以在控制器中訪問的原始模型（未更改），因此只會降低性能。

您可以考慮的3個選擇

1. 將選擇的語言傳遞到控制器方法，該方法返回json，正如我對先前問題之一的回答所指出的。 這將提供最佳性能
2. 將所選語言傳遞給控制器​​方法，該方法返回部分視圖並更新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() });
});

3. 如果您不關心性能，則將下拉列表放入帶有“提交”按鈕的表單中，然后進行常規提交（如果要生成一個完整的新視圖，則使用ajax毫無意義）

Answer 2

添加OutputCache屬性，如下所示

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