jQuery $.post 上的 MVC 4 PartialViewResult 缓存答案

【问题标题】：MVC 4 PartialViewResult caching on jQuery $.postjQuery $.post 上的 MVC 4 PartialViewResult 缓存
【发布时间】：2013-02-14 15:23:31
【问题描述】：

我有一个 jQuery $.post 返回到 MVC 4 控制器，它将返回一个 PartialViewResult，并使用 POST 中发送的数据进行渲染。在调试 Partial View 和 Controller 时，正在接收正确的数据并将其作为 View Model 发送到 Partial View。问题是，在分析在 AJAX 结果中发回的 HTML 时，它包含来自原始页面刷新的看似“缓存”的数据。

我在这里看到了大量类似的帖子，但没有一个与我的问题相同。

我知道 HTTP Post 请求不会缓存在浏览器中，所以这不是问题。我还将OutputCache属性设置为NoStore = true等。

控制器

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
public partial class MyController : Controller
{ 
  ...
    [HttpPost]
    public virtual ActionResult UpdatePartial(MyViewModel myVm)
    {
        return this.PartialView("My/_Partial", myVm);
    }
}

$('.someButton').click(function () {
        $.post(myAjaxUrl, $('form').serialize(), function (data) {
            $('#myContent').html(data);
        });
    });

【问题讨论】：

使用 Fiddler 捕获响应并将响应正文与浏览器中的 ajax 响应进行比较。
@Corneliu 谢谢，他们是一样的。
在你的 ajax url 中添加一个 cache buster 参数。虽然 POST 应该不会被缓存，但我已经看到在某些情况下会发生这种情况。
我可以通过在模型上执行任何操作之前添加 ModelState.Clear 来解决这个问题。 [HttpPost] public virtual ActionResult UpdatePartial(PersonViewModel model) { ModelState.Clear(); model.FirstName += "1"; model.LastName += "1"; model.Age += 1; return this.PartialView("../My/_Partial", model); }
此 ASP MVC 的默认行为，ASP MVC 假定当您呈现视图以响应表单 POST 时，由于验证错误而返回到表单。因此，HTML 帮助程序在查看 Model 之前查看来自 ModelState 的值，并使用以前的数据重新填充视图。 Joe 使用 ModelState.Clear(); 清除 ModelState 的解决方法是解决此问题的最佳方法。

标签： asp.net asp.net-mvc-3 jquery asp.net-mvc-4

【解决方案1】：

在对模型进行任何操作之前，我可以通过添加 ModelState.Clear 来解决此问题。

[HttpPost] 
public virtual ActionResult UpdatePartial(PersonViewModel model) 
{ 
    ModelState.Clear(); 
    model.FirstName += "1"; 
    model.LastName += "1"; 
    model.Age += 1; 
    return this.PartialView("../My/_Partial", model); 
}

This 的问题有 Tim Scott 的回答，其中包含更多信息和链接。

【讨论】：

【解决方案2】：

默认情况下，JQuery 将缓存 $.ajax XMLHttpRequests（除非数据类型是脚本或 jsonp）。由于 $.post 是通过 $.ajax 实现的，因此 JQuery 本身已经缓存了您的请求。以下 JS 应该可以工作。

$('.someButton').click(function () {
    $.ajax{(
        url: myAjaxUrl,
        data: myAjaxUrl,
        success: function (data) {
           $('#myContent').html(data);
        },
        cache: false
    });
});

如果发布不成功，您可能还会发现处理错误事件是值得的。

【讨论】：

By default JQuery will cache $.ajax XMLHttpRequests。这不是真的。浏览器只缓存 GET 请求。 POST 请求（这是 $.post 使用的）永远不会被缓存。
@DarinDimitrov 如何强制$.post 缓存HTTPPOST 操作？我在 jquery 中使用了OutputCache 属性来装饰动作结果和cache:true，但我仍然无法将其缓存。