$ .getJSON trả về dữ liệu đã lưu trong bộ nhớ cache trong IE8

Tôi đang chơi với ASP.net MVC và JQuery vào lúc này. Tôi đã bắt gặp cách cư xử có vẻ không hợp lý.

Tôi đang gọi $.getJSONhàm của JQuery để điền một số div. Sự kiện được kích hoạt trên $(document).readysự kiện. Điều này hoạt động hoàn hảo.

Có AJAX.BeginFormmột giá trị nhỏ thêm một giá trị khác sẽ được sử dụng khi điền các div. Nó gọi hàm từ xa một cách chính xác và khi thành công sẽ gọi hàm javascript gốc để định vị lại các div.

Đây là phần kỳ lạ: Trong FireFox và Chrome - Mọi thứ đều hoạt động. NHƯNG Trong IE8 (Beta), lệnh gọi thứ hai này tới tập lệnh Div cư trú (gọi hàm $ .getJSON) nhận dữ liệu được lưu trong bộ nhớ cache và không yêu cầu máy chủ!

Hy vọng câu hỏi này có ý nghĩa: Trong một nut shell - Tại sao $.getJSONlấy dữ liệu được lưu vào bộ nhớ cache? Và tại sao nó chỉ ảnh hưởng đến IE8?

Xin thông báo cho bạn biết, Firefox và Chrome coi tất cả yêu cầu Ajax là không thể truy cập được. IE (tất cả các phiên bản) coi cuộc gọi Ajax giống như yêu cầu web khác. Đó là lý do tại sao bạn thấy hành vi này.
Cách buộc IE tải xuống dữ liệu theo từng yêu cầu:

• Như bạn đã nói, hãy sử dụng tùy chọn 'cache' hoặc 'nocache' trong JQuery
• Thêm một tham số ngẫu nhiên vào yêu cầu (xấu, nhưng hoạt động :))
• Ở phía máy chủ, đặt khả năng truy cập (ví dụ: sử dụng một thuộc tính, xem bên dưới)

Mã:

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

Đây là cách nó làm việc cho tôi ...

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

Cảm ơn Kent vì câu trả lời của bạn. Sử dụng $ .ajax ('{cache: no}'); hoạt động hoàn hảo. [biên tập]

Hoặc ít nhất tôi nghĩ rằng tôi đã làm. Có vẻ như jquery $ .getJSON không đọc bất kỳ thay đổi nào được thực hiện đối với đối tượng $ .ajax.

Giải pháp cuối cùng đã hoạt động là thêm một tham số mới theo cách thủ công

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

độ phân giải ngày chỉ tính đến từng phút; điều đó có nghĩa là giải pháp này vẫn lưu trong bộ nhớ cache trong tối đa một phút. Điều này có thể chấp nhận được cho các mục đích của tôi.

Tôi đã giải quyết vấn đề tương tự này bằng cách đặt thuộc tính sau vào Hành động trong Bộ điều khiển:

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

Nếu bạn đang sử dụng ASP.net MVC, hãy xem xét thêm một phương thức mở rộng để dễ dàng triển khai không có bộ nhớ đệm như vậy:

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

Bạn có thể cần phải gửi một công cụ phá bộ nhớ cache.

Tôi khuyên bạn nên sử dụng $ .ajax ({cache: no}) để đề phòng (thêm hậu tố ngẫu nhiên vào yêu cầu nhận)

(Tôi có xu hướng sử dụng $ .ajax ở mọi nơi ngày nay, dễ điều chỉnh hơn)

Sẵn sàng cho câu trả lời?

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

Vì vậy, chỉ cần thêm

jQuery.support.cors = true;  

ở đầu tập lệnh của bạn và BANG nó hoạt động!