$ .getJSON zwraca dane z pamięci podręcznej w IE8

W tej chwili bawię się ASP.net MVC i JQuery. Natknąłem się na zachowanie, które wydaje się nie mieć sensu.

Wzywam $.getJSONfunkcję JQuery do zapełnienia niektórych elementów div. Zdarzenie jest wywoływane w $(document).readyzdarzeniu. To działa doskonale.

Jest mały, AJAX.BeginFormktóry dodaje inną wartość do użycia podczas wypełniania elementów div. Wywołuje funkcję zdalną poprawnie, a po pomyślnym zakończeniu wywołuje oryginalną funkcję javascript, aby ponownie zapełnić elementy div.

Oto dziwna część: w FireFox i Chrome - wszystko działa. ALE W IE8 (Beta) to drugie wywołanie skryptu wypełniającego (który wywołuje funkcję $ .getJSON) pobiera dane z pamięci podręcznej i nie pyta o serwer!

Mam nadzieję, że to pytanie ma sens: w pigułce - dlaczego $.getJSONdane są buforowane? I dlaczego wpływa tylko na IE8?

Abyś wiedział, Firefox i Chrome traktują wszystkie żądania Ajax jako niebuforowalne. IE (wszystkie wersje) traktują wywołanie Ajax tak samo, jak inne żądania sieciowe. Dlatego widzisz takie zachowanie.
Jak zmusić IE do pobierania danych przy każdym żądaniu:

• Jak powiedziałeś, użyj opcji „cache” lub „nocache” w JQuery
• Dodaj losowy parametr do żądania (brzydki, ale działa :))
• Po stronie serwera ustaw cachability (na przykład używając atrybutu, patrz poniżej)

Kod:

public class NoCacheAttribute : ActionFilterAttribute
{
    public override void OnActionExecuted(ActionExecutedContext context)
    {
        context.HttpContext.Response.Cache.SetCacheability(HttpCacheability.NoCache);
    }
}

Tak to u mnie zadziałało ...

$.ajaxSetup({ cache: false });
$.getJSON("/MyQueryUrl",function(data,item) {
     // do stuff with callback data
     $.ajaxSetup({ cache: true });
   });

Dziękuję Kent za odpowiedź. Używając $ .ajax ('{cache: no}'); działał idealnie. [edytować]

A przynajmniej tak mi się wydawało. Wygląda na to, że jquery $ .getJSON nie odczytuje żadnych zmian wprowadzonych do obiektu $ .ajax.

Rozwiązaniem, które ostatecznie zadziałało, było ręczne dodanie nowego parametru

var noCache = Date();
$.getJSON("/somepage/someaction", { "noCache": noCache }, Callback);

rozdzielczość daty jest tylko do minuty; co skutecznie oznacza, że ​​to rozwiązanie nadal buforuje przez maksymalnie jedną minutę. Jest to do przyjęcia dla moich celów.

Rozwiązałem ten sam problem, umieszczając następujący atrybut w akcji w kontrolerze:

[OutputCache(Duration = 0, VaryByParam = "None")]

Jeśli używasz ASP.net MVC, rozważ dodanie metody rozszerzenia, aby łatwo zaimplementować brak buforowania:

    public static void NoCache(this HttpResponse Response)
    {
        Response.Cache.SetNoStore();
        Response.Cache.SetExpires(DateTime.MinValue);
        Response.Cache.SetCacheability(HttpCacheability.NoCache);
        Response.Cache.SetValidUntilExpires(false);

        Response.Expires = -1;
        Response.ExpiresAbsolute = DateTime.MinValue;
        Response.AddHeader("Cache-Control", "no-cache");
        Response.AddHeader("Pragma", "no-cache");
    }

Może być konieczne wysłanie wyłącznika pamięci podręcznej.

Zalecałbym użycie $ .ajax ({cache: no}) na wszelki wypadek (dodaje losowy sufiks do żądania get)

(Obecnie zwykle używam $ .ajax wszędzie, lepiej dostrajać)

Gotowy na odpowiedź?

http://lestopher.tumblr.com/post/21742012438/if-youre-using-ie8-and-getjson

Więc po prostu dodaj

jQuery.support.cors = true;  

na początku twojego skryptu i BANG, to działa!