$ .getJSON zurück cached Daten in IE8

Question

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

Ich rufe JQuery $.getJSON Funktion, um einige divs zu füllen. Das Ereignis wird auf dem Ereignis $(document).ready ausgelöst. Das funktioniert perfekt.

Es gibt einen kleinen AJAX.BeginForm, der einen weiteren Wert hinzufügt, der beim Auffüllen der divs verwendet wird. Es ruft die Remote-Funktion korrekt auf und bei Erfolg ruft die ursprüngliche JavaScript-Funktion die divs erneut auf.

Hier ist der seltsame Teil: In FireFox und Chrome - Alles funktioniert. ABER In IE8 (Beta) ruft dieser zweite Aufruf des Popup-Div-Skripts (das die $ .getJSON-Funktion aufruft) zwischengespeicherte Daten ab und fragt den Server nicht!

Hoffen Sie, dass diese Frage Sinn ergibt: In einer Nussschale - Warum erhält $.getJSON zwischengespeicherte Daten? Und warum wirkt es nur auf IE8?

Answer 1

Nur um Sie zu informieren, betrachten Firefox und Chrome alle Ajax-Anfragen als nicht cachable. IE (alle Versionen) behandeln Ajax-Aufrufe genauso wie andere Web-Anfragen. Deshalb siehst du dieses Verhalten.
Wie IE zwingen, Daten bei jeder Anfrage zum Download:

• Wie Sie gesagt haben, verwenden Sie 'Cache' oder 'nocache' Option in JQuery
• auf die Anfrage einen zufälligen Parameter hinzufügen (hässlich, aber funktioniert:))
• auf Server-Seite eingestellt cachability (zum Beispiel ein Attribut verwendet, siehe unten)

Code:

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

Answer 2

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

würde ich empfehlen, $ Schnipsel ({cache: no}) unter Verwendung nur für den Fall (fügt eine zufällige Suffix an die Erhaltungs-Anforderung)

(Ich neige dazu, $ Schnipsel überall in diesen Tagen zu verwenden, mehr abstimmbar)

Answer 3

Danke Kent für Ihre Antwort. Verwenden von $ .ajax ('{cache: no}'); hat perfekt funktioniert. [Bearbeiten]

Oder zumindest dachte ich, dass ich es tat. Scheint, dass die jquery $ .getJSON keine Änderungen am $ .ajax-Objekt liest.

Die Lösung, die Arbeit am Ende war ein neuer Parameter manuell auf die Minute

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

das Datum Auflösung ist nur hinzuzufügen; was bedeutet, dass diese Lösung noch bis zu einer Minute zwischenspeichert. Dies ist für meine Zwecke akzeptabel.

Answer 4

Dies ist, wie es für mich gearbeitet ...

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

Answer 5

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

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

Answer 6

I, indem Sie das folgende Attribut auf die Aktion im Controller das gleiche Problem gelöst:

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

Answer 7

bereit für die Antworten ?

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

So fügen Sie einfach

jQuery.support.cors = true; 

am Anfang des Skripts und BANG es funktioniert!