Almacenamiento en caché inesperado de AJAX resultados en IE8

Como marr75 mencionado, GET's se almacenan en caché.

Hay un par de maneras de combatir esto. Además de modificar el encabezado de la respuesta, también puede agregar una variable de cadena de consulta generada aleatoriamente al final de la URL de destino. De esta manera, IE pensará que es una URL diferente cada vez que se solicita.

Hay varias maneras de hacer esto (como usar Math.random(), una variación en la fecha, etc.).

Aquí hay una manera de hacerlo:

var oDate = new Date();
var sURL = "/game/getpuzzleinfo?randomSeed=" + oDate.getMilliseconds();
$.get(sURL, null, function(data, status) {
    // your work
});

Los Gets son siempre cacheables. Una estrategia que puede funcionar es editar el encabezado de la respuesta y decirle al cliente que no almacene la información en caché o que expire la caché muy pronto.

Si está llamando a ashx page, también puede deshabilitar el almacenamiento en caché en el servidor con el siguiente código:

context.Response.Cache.SetCacheability(HttpCacheability.NoCache);
context.Response.Cache.SetRevalidation(HttpCacheRevalidation.AllCaches); 

Esto es lo que hago para llamadas ajax:

var url = "/mypage.aspx";
// my other vars i want to add go here
url = url + "&sid=" + Math.random();
// make ajax call

Funciona bastante bien para mí.

NickFitz da una buena respuesta, pero también tendrás que desactivar el almacenamiento en caché en IE9. Con el fin de apuntar solo IE8 e IE9 usted podría hacer esto;

<!--[if lte IE 9]>
<script>
    $.ajaxSetup({
        cache: false
    });
</script>
<![endif]-->

Las respuestas aquí son muy útiles para aquellos que usan jQuery o por alguna razón usan directamente el objeto XMLHttpRequest...

Si está utilizando el proxy de servicio de Microsoft generado automáticamente, no es tan fácil de resolver.

El truco es usar el método Sys.Net.WebRequestManager.add_invokingRequest en el controlador de eventos cambiar la url de la solicitud:

networkRequestEventArgs._webRequest._url = networkRequestEventArgs._webRequest._url + '&nocache=' + new Date().getMilliseconds(); 

He blogueado sobre esto: http://yoavniran.wordpress.com/2010/04/27/ie-caching-ajax-results-how-to-fix /

Acaba de escribir un blog sobre este tema exacto solo usando ExtJS ( http://thecodeabode.blogspot.com/2010/10/cache-busting-ajax-requests-in-ie.html )

El problema era que, como estaba usando un formato de reescritura de url específico, no podía usar parámetros de cadena de consulta convencionales (?param = value), así que tuve que escribir el parámetro cache busting como una variable publicada en su lugar..... Yo habría pensado que el uso de variables POST son un poco más seguro que OBTENER, simplemente porque una gran cantidad de marcos MVC utilizan el patrón

Protocolo: / / host / controller/action/param1 / param2

Y así se pierde la asignación de nombre de variable a valor, y los parámetros simplemente se apilan... así que cuando se utiliza un parámetro GET cache buster

Es decir, protocolo: / / host / controller/action/param1/param2 / no_cache122300201

No_cache122300201 se puede confundir con un parámetro param param3 que podría tener un valor predeterminado

Es decir,

Acción de función pública (param param1, param param2, param param3 = " default valor") { //..// }

No hay posibilidad de que eso suceda con los busters de caché PUBLICADOS

Si está utilizando Asp.net MVC, es suficiente añadir esta línea encima de la acción del controlador

     [OutputCache(NoStore=true, Duration = 0, VaryByParam = "None")]
        public ActionResult getSomething()

{
}

IE está en su derecho de hacer este almacenamiento en caché; para asegurarse de que el elemento no se almacena en caché, las cabeceras deben establecerse en consecuencia.

Si está utilizando ASP.NET MVC, puede escribir un ActionFilter; en OnResultExecuted, marque filterContext.HttpContext.Request.IsAjaxRequest(). Si es así, establezca el encabezado expire de la respuesta: filterContext.HttpContext.Response.Expires = -1;

Según http://www.dashbay.com/2011/05/internet-explorer-caches-ajax/:

Algunas personas prefieren usar el encabezado Cache - Control: no - cache en lugar de caduca. Aquí está la diferencia:
Cache-Control: no-cache – absolutamente NO caching
Caduca:-1-el navegador" por lo general " se pone en contacto con el Servidor web para actualizaciones a esa página a través de un condicional Solicitud If-Modified-Since. Sin embargo, la página permanece en la caché del disco y se utiliza en situaciones apropiadas sin entrar en contacto con el telecontrol Servidor web, como cuando los botones ATRÁS y ADELANTE se utilizan para acceda al historial de navegación o cuando el navegador esté en modo sin conexión.