$ .getJSON gibt zwischengespeicherte Daten in IE8 zurück

Ich spiele gerade mit ASP.net MVC und JQuery herum. Ich bin auf ein Verhalten gestoßen, das keinen Sinn ergibt.

Ich rufe die $.getJSONFunktion von JQuery auf , um einige Divs zu füllen. Das Ereignis wird für das $(document).readyEreignis ausgelöst . Das funktioniert perfekt.

Es gibt einen kleinen AJAX.BeginFormWert, der einen weiteren Wert hinzufügt, der beim Auffüllen der Divs verwendet werden soll. Es ruft die Remote-Funktion korrekt auf und ruft bei Erfolg die ursprüngliche Javascript-Funktion auf, um die Divs neu zu füllen.

Hier ist der seltsame Teil: In FireFox und Chrome - Alles funktioniert. ABER In IE8 (Beta) werden bei diesem zweiten Aufruf des Populate Div-Skripts (das die Funktion $ .getJSON aufruft) zwischengespeicherte Daten abgerufen und der Server nicht gefragt!

Hoffe, diese Frage macht Sinn: Kurz gesagt - Warum werden $.getJSONzwischengespeicherte Daten abgerufen? Und warum wirkt es sich nur auf IE8 aus?

Nur um Sie wissen zu lassen, betrachten Firefox und Chrome alle Ajax-Anfragen als nicht zwischenspeicherbar. IE (alle Versionen) behandeln Ajax-Aufruf genauso wie andere Webanfragen. Deshalb sehen Sie dieses Verhalten.
So zwingen Sie den IE, bei jeder Anforderung Daten herunterzuladen:

• Verwenden Sie, wie gesagt, die Option "Cache" oder "Nocache" in JQuery
• Fügen Sie der Anfrage einen zufälligen Parameter hinzu (hässlich, funktioniert aber :))
• Legen Sie auf der Serverseite die Cachfähigkeit fest (z. B. mithilfe eines Attributs, siehe unten).

Code:

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

So hat es bei mir funktioniert ...

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

Danke Kent für deine Antwort. Using $ .ajax ('{cache: no}'); hat perfekt funktioniert. [bearbeiten]

Zumindest dachte ich, ich hätte es getan. Scheint, dass die Abfrage $ .getJSON keine Änderungen liest, die am $ .ajax-Objekt vorgenommen wurden.

Die Lösung bestand darin, manuell einen neuen Parameter hinzuzufügen

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

Die Datumsauflösung ist nur auf die Minute genau. Dies bedeutet effektiv, dass diese Lösung noch bis zu einer Minute zwischengespeichert wird. Dies ist für meine Zwecke akzeptabel.

Ich habe dasselbe Problem gelöst, indem ich das folgende Attribut für die Aktion im Controller platziert habe:

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

Wenn Sie ASP.net MVC verwenden, sollten Sie eine Erweiterungsmethode hinzufügen, um auf einfache Weise kein Caching wie folgt zu implementieren:

    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");
    }

Möglicherweise müssen Sie einen Cache-Breaker senden.

Ich würde empfehlen, $ .ajax ({cache: no}) nur für den Fall zu verwenden (fügt der get-Anfrage ein zufälliges Suffix hinzu)

(Ich benutze heutzutage überall $ .ajax, besser abstimmbar)

Bereit für die Antwort?

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

Also einfach hinzufügen

jQuery.support.cors = true;  

am Anfang deines Skripts und BANG funktioniert es!