Thay đổi URL mà không cần làm mới trang

Question

Tôi muốn thay thế url mà không cần làm mới trang.

tôi cần phải thay đổi:

https://example.com/en/step1 

để

https://example.com/en/step2 

Làm thế nào để làm điều đó?

Answer 1

Sử dụng history.pushState như thế này:

history.pushState(null, null, '/en/step2'); 

• Thông tin thêm (MDN bài viết): Manipulating the browser history
• Can I use
• Có lẽ bạn nên có một cái nhìn @Does Internet Explorer support pushState and replaceState?

Cập nhật

Dựa trên Manipulating the browser history, đi qua các chuỗi rỗng như tham số thứ hai của pushState phương pháp (aka tiêu đề) nên được an toàn chống lại những thay đổi trong tương lai để phương pháp này, vì vậy nó là tốt hơn để sử dụng pushState như:

history.pushState(null, '', '/en/step2'); 

bạn có thể đọc thêm về điều này trong bài viết đề cập

Answer 2

Khi bạn sử dụng một hàm ...

<p onclick="update_url('/en/step2');">Link</p> 

<script> 
function update_url(url) { 
    history.pushState(null, null, url); 
} 
</script>