Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Dapatkan Parameter GET dalam JavaScript?

Bagaimanakah Saya Boleh Dapatkan Parameter GET dalam JavaScript?

Barbara Streisand
Barbara Streisandasal
2024-12-20 21:23:09432semak imbas

How Can I Retrieve GET Parameters in JavaScript?

Mendapatkan kembali Parameter GET daripada JavaScript: Panduan Terperinci

Untuk mendapatkan semula parameter GET dari dalam skrip JavaScript, pembangun boleh memanfaatkan objek window.location. Objek ini menyediakan akses kepada URL semasa, termasuk rentetan pertanyaannya.

Satu kaedah untuk mendapatkan parameter GET ialah dengan mengekstrak bahagian URL mengikut tanda soal (?). Coretan kod berikut menunjukkan pendekatan ini:

const getParams = () => {
  const searchParams = window.location.search.substr(1);  // Remove the question mark
  return searchParams;  // Return the GET parameters as a string
};

Dalam contoh yang diberikan, parameter GET "returnurl" boleh diakses menggunakan kod berikut:

const returnurl = getParams().split("=").pop();  // Extract the parameter value
console.log(returnurl);  // Log the parameter value to the console

Walau bagaimanapun, pendekatan asas ini tidak mengambil kira senario di mana berbilang nilai dikaitkan dengan nama parameter yang sama. Untuk mengendalikan kes sedemikian, penyelesaian yang lebih mantap diperlukan.

Fungsi dipertingkat berikut menyediakan kaedah komprehensif untuk mendapatkan semula parameter GET, walaupun apabila berbilang nilai hadir:

const findGetParameter = (parameterName) => {
  const result = null;
  const searchString = location.search.substr(1);
  const items = searchString.split("&");
  for (let index = 0; index < items.length; index++) {
    const [key, value] = items[index].split("=");
    if (key === parameterName) result = decodeURIComponent(value);
  }
  return result;
};

Fungsi ini menyahkod nilai parameter untuk memastikan keserasian dengan aksara khas. Ia menggunakan gelung for untuk mengulangi setiap pasangan nilai kunci dalam rentetan pertanyaan. Apabila nama parameter yang disediakan ditemui, nilai yang sepadan dikembalikan.

Menggunakan fungsi, parameter "returnurl" boleh diperoleh seperti berikut:

const returnurl = findGetParameter("returnurl");
console.log(returnurl);

Dengan memanfaatkan teknik ini, pembangun boleh mendapatkan semula parameter GET dengan berkesan dari dalam skrip JavaScript, mempertingkatkan kefungsian aplikasi web.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Dapatkan Parameter GET dalam JavaScript?. 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