Bagaimanakah saya boleh mengekstrak parameter GET dalam JavaScript?

Mengekstrak Parameter GET Menggunakan JavaScript

Apabila bekerja dengan aplikasi web, mengakses data yang melalui parameter GET adalah penting. Ini menjadi sangat relevan dalam situasi seperti rentetan pertanyaan URL. Artikel ini meneroka pelbagai teknik untuk mendapatkan semula parameter GET daripada JavaScript, menyediakan kedua-dua penyelesaian yang mudah dan lebih maju.

Menggunakan objek window.location

Satu pendekatan mudah melibatkan penggunaan tingkap.objek lokasi. Objek ini mengandungi sifat carian, yang menyimpan bahagian URL mengikut tanda soal. Untuk mengekstrak parameter GET, cuma alih keluar tanda soal dan mana-mana ruang kosong utama:

window.location.search.substr(1)

Menggunakan kaedah ini, dalam contoh yang disediakan "http://example.com/page.html?returnurl=/ admin", hasilnya ialah "returnurl=/admin".

Fungsi Tersuai untuk Parameter Retrieval

Pendekatan alternatif adalah untuk mencipta fungsi JavaScript tersuai untuk mendapatkan semula parameter. Fungsi ini boleh memudahkan proses pengekstrakan parameter:

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    location.search
        .substr(1)
        .split("&")
        .forEach(function (item) {
          tmp = item.split("=");
          if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
        });
    return result;
}

Dalam contoh ini, fungsi findGetParameter() menerima parameterName dan berulang melalui rentetan pertanyaan, mencari padanan. Setelah padanan ditemui, nilai parameter yang sepadan dikembalikan.

JavaScript Biasa untuk Gelung

Untuk keserasian yang lebih luas, termasuk Internet Explorer 8, JavaScript biasa untuk gelung boleh digunakan:

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&");
    for (var index = 0; index < items.length; index++) {
        tmp = items[index].split("=");
        if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
    }
    return result;
}

Penyelesaian ini memastikan keserasian dengan pelayar lama sambil mengekalkan pengambilan parameter yang sama kefungsian.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengekstrak parameter GET dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!