Chỉ định cho document.location.href không có lịch sử clobbering

Question

Trong thử nghiệm document.location.href, tôi đã quan sát thấy rằng khi người dùng khởi tạo một hành động dẫn đến javascript gán cho document.location.href, URL mới sẽ được thêm vào lịch sử.

Tuy nhiên, nếu cuộc gọi được bắt đầu bởi javascript là kết quả của, nói, thay đổi trạng thái của XMLHTTPRequest, mục nhập cho trang hiện tại trong lịch sử bị ghi đè. Tôi đã mô tả chính xác điều này chưa? Có cách nào để thay đổi trang được phản ánh trong lịch sử trong trường hợp sau không?

Answer 1

tôi đã phải đối mặt với cùng một vấn đề và tìm thấy cách giải quyết này mà làm việc cho tôi

thay vì

function onAjaxCallback(evt){ 
    location.href=newLocation; 
} 

i bọc cuộc gọi location.href xung quanh một setTimeout. Dường như làm trò lừa. Lịch sử của tôi đang hoạt động tốt ngay bây giờ. Hy vọng rằng sẽ giúp

function onAjaxCallback(evt){ 
    setTimeout(function(){ 
     location.href=newLocation; 
    },0) 
} 

Answer 2

Bạn có thể thay đổi vị trí mà không cần phải trình duyệt hiển thị một nút Back như thế này:

window.location.replace(new_url); 

Tuy nhiên, địa chỉ ban đầu vẫn còn trong lịch sử của trình duyệt và có thể được truy cập bằng một cái gì đó giống như CTRL + H

tham khảo:

• https://developer.mozilla.org/en/DOM/window.location#replace
• https://developer.mozilla.org/En/DOM/Window.history#Notes

Answer 3

Than ôi, câu hỏi của bạn không thể trả lời, yêu cầu AJAX không có gì để làm với lịch sử trình duyệt, và nếu bạn nạp một số nội dung động với họ, sau đó người dùng nhấp nút back của trình duyệt, trang trước được tải (điều này đã được tải bằng yêu cầu GET hoặc POST thông thường), làm hỏng chuỗi bạn hiển thị nội dung.

Câu trả lời của Dmitri có nghĩa là bạn sẽ duy trì lịch sử của riêng mình cho nội dung động bằng cách sử dụng một phần của url (sau biểu tượng #), có thể bạn sẽ cung cấp lại cho bạn các nút rward, nhưng bạn vẫn không được bảo vệ khỏi ảnh hưởng của nút quay lại và tiến trình của trình duyệt.

Nếu chỉ họ đã cung cấp một số loại sự kiện để xử lý các nhấp chuột của người dùng trên các nút này với khả năng hủy.

Answer 4

Đọc câu hỏi gốc cẩn thận hơn. Câu hỏi không phải về nội dung được tải bởi XHR, nhưng về nội dung được tải bởi một tập lệnh được tải bởi một XHR. Tôi đã có cùng một vấn đề và phương pháp setTimeout dường như hoạt động tốt.

Answer 5

nghiên cứu: window.location.replace() và window.location.assign()

Answer 6

URL có thể được tự thêm vào lịch sử trước khi chuyển hướng người dùng.

if (window.history) { 
    history.pushState({}, window.location.href); 
} 
window.location.replace("/login/?next=" + window.location.pathname);