Bagaimana untuk Mengakses Parameter Permintaan GET dalam JavaScript Menggunakan API Asli dan Teknik Legasi?

Mengakses Parameter Permintaan GET dalam JavaScript

Pelayar moden menyediakan API asli untuk memanipulasi URL dan rentetan pertanyaan. API ini, termasuk URL dan URLSearchParams, harus diutamakan untuk keserasian dengan penyemak imbas moden.

Penyelesaian Asal:

Sebelum API asli, semua parameter permintaan GET boleh diakses melalui harta window.location.search. Walau bagaimanapun, ini memerlukan penghuraian manual rentetan pertanyaan. Fungsi berikut boleh digunakan:

<code class="js">function getQueryParam(name) {
  const regex = new RegExp('[?&]' + encodeURIComponent(name) + '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}</code>

Fungsi ini mengambil nama parameter GET dan mengembalikan nilainya. Jika parameter tidak wujud atau tidak mempunyai nilai, ia mengembalikan tidak ditentukan.

Contoh:

<code class="js">const foo = getQueryParam('foo');</code>

Ini akan memberikan nilai parameter GET foo kepada foo berubah-ubah.

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Parameter Permintaan GET dalam JavaScript Menggunakan API Asli dan Teknik Legasi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!