Tôi có thể buộc window.location thực hiện yêu cầu HTTP thay vì sử dụng bộ nhớ cache như thế nào?

Question

Trong ứng dụng web của tôi, tôi đang thiết lập window.location để điều hướng đến một trang khác, nhưng vì một số lý do Firefox hiển thị phiên bản cũ của trang đó.

Sử dụng Firebug Tôi phát hiện thấy trình duyệt thậm chí không gửi yêu cầu HTTP, nó chỉ sử dụng phiên bản cũ của trang đó (thậm chí không phải trang cuối cùng) và hiển thị nó.

Bản thân trang có all the usual headers để ngăn bộ nhớ đệm hoạt động hoàn hảo khi tôi duyệt các trang của mình bằng liên kết hoặc nhập thủ công. Vấn đề chỉ xảy ra khi thiết lập window.location.

Đây có phải là sự cố về Firefox hoặc điều gì đó mong đợi từ bất kỳ trình duyệt nào không? Hành vi này có thể thay đổi không?

Answer 1

Bạn chỉ có thể thêm thông số ngẫu nhiên vào URL trang để yêu cầu trình duyệt gửi yêu cầu mới.

Vì vậy, thay vì sử dụng

window.location = "my.url/index.html"; 

sử dụng

window.location = "my.url/index.html?nocache=" + (new Date()).getTime(); 

Answer 2

Bạn có thể sử dụng location.reload với đối số thực, sẽ luôn bỏ qua bộ nhớ cache.

window.location.reload(true); 

Answer 3

Thêm một thời gian giá trị chuỗi truy vấn cụ thể hoặc bất kì điểm url. Điều này sẽ buộc trang phải được tải lại.

var yourNewLoc = "http://newlocation.com/"; 
document.location = yourNewLoc + "?c=" + (new Date()).valueOf(); 

Answer 4

Bạn phải xác thực nếu có bất kỳ thông số truy vấn hiện tại nào trong url. Nếu có bất kỳ tham số truy vấn nào, bạn nên thêm dấu thời gian bằng cách sử dụng "&". Tôi đã viết một đoạn trích ngắn có thể giúp bạn.

window.newLocation = function(location) { 
    var newLocation = (typeof location === "string") ? location : window.location.href, 
     appendType = (newLocation.indexOf("?") < 0) ? "?" : "&"; 
    window.location = newLocation + appendType + "_t=" + (new Date()).getTime(); 
} 

Cách sử dụng:

newLocation("index.html") or window.newLocation("index.html") 
// opens "index.html?_t=<timstamp>" 

newLocation("index.html?existingQuery=true") or window.newLocation("index.html?existingQuery=true") 
// opens "index.html?existingQuery=true&_t=<timstamp 

newLocation() or window.newLocation() 
// opens existing window location with a timestamp 

Bạn có thể sửa đổi thêm đoạn để loại bỏ thoát timestamp trong tham số truy vấn để tránh trùng lặp