Internet Explorer отображает данные кеша через Ajax Pull с результатом 304

Question

У меня есть инструмент, который отлично работает в Chrome и FF. Но в любых версиях IE браузер отображает информацию о кеше, используя Ajax для извлечения данных.

Вот мои настройки:

У меня есть критерии, которые я перебираю:

@foreach (var item in Model)
{
        <div class="sizeTDCriteria">
            @Html.DisplayFor(modelItem => item.Text)
        </div>
        <div class="sizeTDCriteriaAction">
            @Ajax.ImageActionLink(Url.Content("~/Content/images/icons/edit.png"), "Edit Criteria", "AddOrEditCriteria", "Management", new { competencySectionId = ViewBag.competencySectionId, criteriaId = item.Id }, new AjaxOptions { UpdateTargetId = "AddOrEditCriteriaFormContainer" }, new { @class = "iconPosition" })
            @Ajax.ImageActionLink(Url.Content("~/Content/images/icons/delete.png"), "Delete Criteria", "RemoveCriteria", "Management", new { criteriaId = item.Id }, new AjaxOptions { UpdateTargetId = "CompetenciesManagementWrapper" }, new { @class = "iconPosition" })
        </div>
}

ImageActionLink - это просто помощник, который создает ActionLink с изображением внутри, я попытался сделать это с обычным ActionLink, и проблема также возникает, поэтому вы можете игнорировать это. Я также пытался изменить весь ImageActionLink простым <img> с триггером JQuery без разницы.

Случается так, что когда пользователь нажимает на ссылку "Изменить", он выполняет ajax-вызов к "AddOrEditCriteria", который ActionResult находит критерии и отображает форму PartialView обратно в div "#AddOrEditCriteriaFormContainer". Пока все хорошо, это прекрасно работает во всех браузерах.

Но когда я нажимаю второй раз на это редактирование, вместо того, чтобы делать вызов ajax, IE просто отображает PartialView из того, что он имел в кэше, когда все другие браузеры правильно извлекают данные снова (что необходимо, так как это представление позволяет отредактируйте критерии, это могло быть отредактировано кем-то еще в это время).

Странная часть заключается в том, что IE выполняет вызов, но каким-то образом он никогда не достигает сервера, он просто использует кэш с помощью результата 304. Вы можете видеть из этого захвата сети:

URL Method  Result  Type    Received    Taken   Initiator   Wait??  Start?? Request??   Response??  Cache read??    Gap??
/PerformanceMVC/Management/AddOrEditCriteria?competencySectionId=178&criteriaId=369&X-Requested-With=XMLHttpRequest GET 304 text/html   182 B   < 1 ms  JS Library XMLHttpRequest
/PerformanceMVC/Management/AddOrEditCriteria?competencySectionId=178&criteriaId=369&X-Requested-With=XMLHttpRequest GET 304 text/html   182 B   < 1 ms  JS Library XMLHttpRequest
/PerformanceMVC/Management/AddOrEditCriteria?competencySectionId=178&criteriaId=369&X-Requested-With=XMLHttpRequest GET 200 text/html   1.53 KB 1.24 s  JS Library XMLHttpRequest

Последнее происходит первым, первые два были сделаны позже и получают возврат 304.

Я нашел способ исправить это, добавив параметр "breakcache" к вызову ajax со случайным числом, но это не кажется хорошим решением.

Эта проблема запутала наших пользователей, потому что они видят данные, которые должны обновляться не все из-за IE.

Answer 1

IE будет кешировать AJAX GETс, если вы не скажете это не.

Вы говорите это не через Cache-Control заголовок

Итак, вот что мы делаем:

[CacheControl(HttpCacheability.NoCache), HttpGet]
public ActionResult MyAction() { return Json("Hi!", JsonRequestBehavior.AllowGet); }

[AttributeUsage(AttributeTargets.Class | AttributeTargets.Method, Inherited = true, AllowMultiple = false)]
public sealed class CacheControlAttribute : ActionFilterAttribute
{
    public CacheControlAttribute(HttpCacheability cacheability)
    {
        this._cacheability = cacheability;
    }

    public HttpCacheability Cacheability { get { return this._cacheability; } } 

    private HttpCacheability _cacheability;

    public override void OnActionExecuted(ActionExecutedContext filterContext)
    {
        HttpCachePolicyBase cache = filterContext.HttpContext.Response.Cache;
        cache.SetCacheability(_cacheability);
    }
}