如何防止IE缓存获取ajax请求结果

Question

我的 asp.net mvc 视图中有以下内容：-

 <div class=" b" >Show   @Html.DropDownList("type", new SelectList(ViewBag.type, "Value", "Text", "" ), new { @id= "typeOptions",@class="SmallDropDown3"}) Requestors.
                        <img src="~/Content/sortloading.gif" class="loadingimage" id="progressSort3" /></div>  

@Html.Partial("_GetRequestors", Model)
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
<script>
        $("body").on('change', '#typeOptions', function () {


            $('#progressSort3').show();

            $.ajax({
                type: "Get",
                url: '@Url.Action("GetRequestors","Customer")',

                data: { id: "@ViewBag.AccountID", page: "1", type: $("#typeOptions").val() },

                success: function (html) {
                    $('#RequestorTable').html(html);
                    $('#progressSort3').hide(); //This could also be dialog("open") depending on the version of jquery ui.

                }
            });
        });
    </script>

主要显示一个下拉菜单，当列表项发生变化时，它将启动一个 Ajax 调用。这是将被调用的操作方法：-

 public ActionResult GetRequestors (int id = 0,int page=1,string type="")
        {
            int pagesize;
            ViewBag.type = ViewBag.PagedSizeOptions = new PageOptions().RequestorTypeOptions;
            bool succeed = int.TryParse(System.Web.Configuration.WebConfigurationManager.AppSettings["TechPageSize"], out pagesize);
           var aUser = repository.populateRequestorDetials2(id,type).OrderBy(a=>a.FIRST_NAME).ToPagedList(page, pagesize);

           ViewBag.AccountID = id;
           ViewBag.currenttype = type;
           if (Request.IsAjaxRequest())
           {

               return PartialView("_GetRequestors", aUser);
           }
           return View(aUser);
  }

目前看来IE会长时间缓存结果，而且在更改dropdpwnlist时IE总是会显示同一个下拉项的缓存结果，即使硬刷新（ctrl-f5）也不会删除缓存结果... 所以我主要有这两个问题：-

1. IE 会将缓存数据保留多长时间？

2. 我知道我可以添加 cache:false 作为 ajax 参数。但问题是如果我没有在我的 IE 的 Ajax 调用中指定任何缓存设置，那么默认行为是什么。在chrome和firefox中不会遇到缓存问题吗？

任何人都可以就这些问题提出建议吗？

谢谢。

Answer 1

1. 缓存持续时间由您的服务器设置指定，而不是 IE。

2. 所有浏览器应该以相同的方式缓存，但不能保证。

Razor 缓存应该解决服务器端，因为您有更多的选择和灵活性来决定是否缓存请求（例如，基于参数更改）。

停止缓存的最简单选项是在部分视图操作中添加以下内容：

[OutputCache(Duration = 1)]
public ActionResult GetRequestors (int id = 0,int page=1,string type="")

这会将缓存设置为 1 秒。 0 不是局部视图的有效选项。

注意：我假设您的代码返回部分视图。完整页面视图的选项不同（更简单）

Answer 2

您可以使用ajaxSetup 来防止缓存。

示例

$.ajaxSetup({ cache: false });

或者，如果您只是为了该请求而需要它，您可以：

$.ajax({
        type: "Get",
        cache: false,
        url: '@Url.Action("GetRequestors","Customer")',
        data: { id: "@ViewBag.AccountID", page: "1", type: $("#typeOptions").val() },
        success: function (html) {
            $('#RequestorTable').html(html);
            $('#progressSort3').hide(); //This could also be dialog("open") depending on the version of jquery ui.

        }
    });

Answer 3

将"?" + (new Date()).getTime() 添加到您的网址末尾。

即：

$.ajax({
            type: "Get",
            url: '@Url.Action("GetRequestors","Customer")' + "?" + (new Date()).getTime(),

            data: { id: "@ViewBag.AccountID", page: "1", type: $("#typeOptions").val() },

            success: function (html) {
                $('#RequestorTable').html(html);
                $('#progressSort3').hide(); //This could also be dialog("open") depending on the version of jquery ui.

            }
        });