Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mengubah URL Tanpa Memuatkan Semula Halaman?

Bagaimanakah Saya Boleh Mengubah URL Tanpa Memuatkan Semula Halaman?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-21 17:29:10913semak imbas

How Can I Change a URL Without Reloading the Page?

Mengubah suai URL Tanpa Muat Semula Halaman

Masalah:

Adakah mungkin untuk mengubah URL halaman semasa tanpa mencetuskan halaman muat semula?

Objektif:

Akses dan ubah suai bahagian URL selepas nama domain, tidak termasuk cincang (#).

Penyelesaian:

Window.history.pushState()

Pelayar moden menyokong pushState() kaedah, yang membolehkan anda memanipulasi sejarah penyemak imbas tanpa memuatkan semula halaman.

Pelaksanaan:

  1. Kemas kini kandungan halaman (cth., melalui AJAX).
  2. Tetapkan laluan URL menggunakan tetingkap .history.pushState() dan urlPath yang dikehendaki.
function processAjaxData(response, urlPath){
     // ... (update content)

     window.history.pushState({
         "html": response.html,

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah URL Tanpa Memuatkan Semula Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn