$ .getJSON retornando dados em cache no IE8

Estou brincando com ASP.net MVC e JQuery no momento. Eu encontrei um comportamento que não parece fazer sentido.

Estou chamando a $.getJSONfunção JQuery para preencher alguns div's. O evento é acionado no $(document).readyevento. Isso funciona perfeitamente.

Há um pequeno AJAX.BeginFormque adiciona outro valor a ser usado ao preencher os divs. Ele chama a função remota corretamente e, em caso de sucesso, chama a função javascript original para preencher novamente os divs.

Aqui está a parte estranha: no FireFox e no Chrome - tudo funciona. MAS No IE8 (Beta), esta segunda chamada para o script popular Div (que chama a função $ .getJSON) obtém dados em cache e não pergunta ao servidor!

Espero que esta pergunta faça sentido: Em poucas palavras - Por que está $.getJSONobtendo dados em cache? E por que está afetando apenas o IE8?

Apenas para informá-lo, o Firefox e o Chrome consideram todas as solicitações Ajax como não armazenáveis ​​em cache. O IE (todas as versões) trata a chamada Ajax apenas como outra solicitação da web. É por isso que você vê esse comportamento.
Como forçar o IE a baixar dados em cada solicitação:

• Como você disse, use a opção 'cache' ou 'nocache' no JQuery
• Adicione um parâmetro aleatório à solicitação (feio, mas funciona :))
• No lado do servidor, defina cachability (por exemplo, usando um atributo, veja abaixo)

Código:

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

É assim que funcionou para mim ...

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

Obrigado Kent pela sua resposta. Usando $ .ajax ('{cache: no}'); funcionou perfeitamente. [editar]

Ou pelo menos eu pensei que sim. Parece que o jquery $ .getJSON não está lendo nenhuma alteração feita no objeto $ .ajax.

A solução que acabou dando certo foi adicionar um novo parâmetro manualmente

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

a resolução de data é minuciosa; o que efetivamente significa que essa solução ainda armazena em cache por até um minuto. Isso é aceitável para meus propósitos.

Resolvi esse mesmo problema colocando o seguinte atributo na Ação no Controlador:

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

Se você estiver usando ASP.net MVC, considere adicionar um método de extensão para implementar facilmente nenhum armazenamento em cache, como:

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

Pode ser necessário enviar um quebrador de cache.

Eu recomendaria usar $ .ajax ({cache: no}) apenas no caso (adiciona um sufixo aleatório à solicitação get)

(Eu costumo usar $ .ajax em todos os lugares hoje em dia, mais ajustável)

Pronto para a resposta?

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

Então, basta adicionar

jQuery.support.cors = true;  

no início do seu script e BANG funciona!