$ .getJSON renvoyant les données mises en cache dans IE8

Je joue avec ASP.net MVC et JQuery pour le moment. J'ai rencontré un comportement qui ne semble pas logique.

J'appelle la $.getJSONfonction de JQuery pour remplir certains div. L'événement est déclenché sur l' $(document).readyévénement. Cela fonctionne parfaitement.

Il y a un petit AJAX.BeginFormqui ajoute une autre valeur à utiliser lors du remplissage des divs. Il appelle la fonction distante correctement et en cas de succès appelle la fonction javascript d'origine pour repeupler les divs.

Voici la partie étrange: Dans FireFox et Chrome - Tout fonctionne. MAIS Dans IE8 (bêta), ce deuxième appel au script populate Div (qui appelle la fonction $ .getJSON) obtient les données en cache et ne demande pas au serveur!

J'espère que cette question a du sens: En bref - Pourquoi $.getJSONobtenir des données en cache? Et pourquoi n'affecte-t-il que IE8?

Juste pour vous le faire savoir, Firefox et Chrome considèrent toutes les requêtes Ajax comme non cachable. IE (toutes les versions) traite l'appel Ajax comme toute autre requête Web. C'est pourquoi vous voyez ce comportement.
Comment forcer IE à télécharger des données à chaque demande:

• Comme vous l'avez dit, utilisez l'option 'cache' ou 'nocache' dans JQuery
• Ajoutez un paramètre aléatoire à la requête (moche, mais fonctionne :))
• Côté serveur, définissez la cachabilité (par exemple en utilisant un attribut, voir ci-dessous)

Code:

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

Voilà comment cela a fonctionné pour moi ...

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

Merci Kent pour votre réponse. Utilisation de $ .ajax ('{cache: no}'); a parfaitement fonctionné. [Éditer]

Ou du moins je pensais l'avoir fait. Il semble que le jquery $ .getJSON ne lit pas les modifications apportées à l'objet $ .ajax.

La solution qui a fini par fonctionner était d'ajouter un nouveau paramètre manuellement

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

la résolution de la date est seulement à la minute; ce qui signifie effectivement que cette solution reste en cache pendant jusqu'à une minute. Ceci est acceptable pour mes besoins.

J'ai résolu ce même problème en plaçant l'attribut suivant sur l'action dans le contrôleur:

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

Si vous utilisez ASP.net MVC, envisagez d'ajouter une méthode d'extension pour implémenter facilement aucune mise en cache comme ceci:

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

Vous devrez peut-être envoyer un disjoncteur de cache.

Je recommanderais d'utiliser $ .ajax ({cache: no}) au cas où (ajoute un suffixe aléatoire à la requête get)

(J'ai tendance à utiliser $ .ajax partout ces jours-ci, plus accordable)

Prêt pour LA réponse?

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

Alors, ajoutez simplement

jQuery.support.cors = true;  

au début de votre script et BANG ça marche!