Nhấp vào liên kết sẽ cập nhật URL không tải lại trang

[ad_1]

Chào mọi người,

Tôi thấy điều này ngày càng nhiều trên các trang web: bạn nhấp vào một liên kết và URL trong trình duyệt sẽ trở thành bất kỳ phần href nào của liên kết được đặt thành, nhưng trình duyệt không tải lại trang. Tôi biết cách thực hiện điều này bằng JavaScript, nhưng điều đó có vẻ không đúng ở đây:

https://123-movies.gy/tv/batman-beyond-39206.63720

Hãy thử nhấp vào một tập khác và xem các con số ở cuối thay đổi URL.

Làm thế nào để họ thực hiện được điều này? Khi tôi nhìn vào mã HTML, có vẻ như đó chỉ là một liên kết a href thông thường – loại thường tải lại toàn bộ trang. Và khi tôi nói rằng tôi biết cách thực hiện điều đó với JavaScript, điều đó không hoàn toàn chính xác, bởi vì khi tôi làm điều đó, tôi chỉ cần thêm trình xử lý sự kiện nhấp chuột vào một nút (hoặc bất kỳ thứ gì khác ngoài liên kết a-href) và tôi chỉ có thể cập nhật các tiêu đề truy vấn GET (nội dung sau dấu ? trong URL).

Nó có thể được thực hiện chỉ với HTML? Nếu không, một ví dụ JavaScript đơn giản sẽ là gì?

Những gì tôi đã thử:

Tôi đã thử xem ba câu hỏi/bài viết khác nhau trên trang này.

Cập nhật dữ liệu khi người dùng nhấp vào liên kết nhưng trang không được làm mới/đăng lại[^]
cập nhật url trình duyệt mà không cần tải lại[^]

Và
Một ví dụ về viết lại URL với ASP.NET[^]

Giải pháp 1

Những gì bạn đang quan sát là một cái gì đó được gọi là Định tuyến Javascript[^]. JS hiện có cách chặn các thay đổi trong URL và thay đổi hành động trên màn hình tương ứng.

Các khung JS giao diện người dùng phổ biến hỗ trợ định tuyến, chẳng hạn như:

Phản ứng[^]
Góc cạnh[^]
ExpressJS[^]

[ad_2]