Bagaimana untuk Menukar Parameter URL kepada Objek JavaScript?

Bagaimana untuk Menukar Parameter URL kepada Objek JavaScript?

Apabila bekerja dengan aplikasi web, adalah perkara biasa untuk menemui URL yang mengandungi parameter. Parameter ini boleh membawa maklumat tambahan yang anda ingin akses dalam kod JavaScript anda. Untuk berbuat demikian, anda perlu menukar parameter URL kepada objek JavaScript.

Penyelesaian Satu Pelapik

Penyelesaian Satu Pelapik berikut menyediakan penyelesaian yang cepat dan mudah cara untuk menukar parameter URL kepada objek:

<code class="javascript">JSON.parse('{"' + decodeURI("abc=foo&def=%5Basf%5D&xyz=5".replace(/&/g, "","").replace(/=/g, "":"")) + '"}')</code>

Pecahan Langkah demi Langkah

Mari kita pecahkan penyelesaian ini langkah demi langkah:

1. Nyahkod URI: Langkah ini memastikan penyahkodan yang betul bagi mana-mana aksara yang dilepaskan dalam parameter URL. Contohnya, "&" akan dinyahkodkan kepada "&".
2. Petikan Melarikan Diri: Sebarang petikan berganda dalam parameter URL perlu dilarikan menggunakan """. Ini menghalang ralat sintaks apabila menghuraikan objek JSON.
3. Gantikan "&" dengan "","": Simbol "&" dalam parameter URL mewakili pasangan nilai kunci dipisahkan dengan ""," (koma di dalam petikan berganda).
4. Ganti "=" dengan "":"": Simbol "=" dalam parameter URL memisahkan kunci dan nilai. Untuk mencipta objek JSON yang sah, objek tersebut mesti digantikan dengan "":"".
5. Balut dengan Pendakap Kerinting dan Petikan: Akhirnya, keseluruhan rentetan dikelilingi oleh pendakap kerinting dan petikan berganda , menjadikannya objek JSON yang sah.

Fungsi Reviver

Walaupun penyelesaian satu baris mengendalikan kebanyakan senario, ia mungkin menghadapi masalah dengan aksara tertentu seperti " %" dalam parameter URL. Untuk menangani perkara ini, anda boleh menggunakan fungsi reviver apabila menghuraikan objek JSON:

<code class="javascript">JSON.parse('{"' + search.replace(/&/g, '","').replace(/=/g,'":"') + '"}', function(key, value) { return key===""?value:decodeURIComponent(value) })</code>

Fungsi reviver ini menjalankan penyahkodan URI sebelum mengembalikan nilai untuk setiap kekunci, memastikan semua aksara dikendalikan dengan betul.

Contoh Penggunaan

Untuk menggunakan salah satu daripada penyelesaian ini, cuma gantikan "abc=foo&def=[asf]&xyz=5" dengan parameter URL sebenar yang ingin anda tukar. Outputnya ialah objek JavaScript yang boleh anda akses dan manipulasi mengikut keperluan.

Atas ialah kandungan terperinci Bagaimana untuk Menukar Parameter URL kepada Objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!