Dapatkan Parameter URL Menggunakan JQuery

Coretan kod jQuery ini digunakan untuk mendapatkan pembolehubah dinamik yang disimpan sebagai parameter dalam URL dan menyimpannya sebagai pembolehubah JavaScript untuk digunakan dengan skrip anda. Berbeza dengan URL hash, kerana dunia bergerak ke aplikasi web yang dinamik. Oleh itu, operasi seperti penyahkodan URL akan menjadi popular dalam beberapa tahun akan datang.

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^]*)').exec(window.location.href);
    return results[1] || 0;
}

// example.com?param1=name&param2=&id=6
$.urlParam('param1'); // name
$.urlParam('id');        // 6
$.urlParam('param2');   // null

// 带空格的参数示例
http://www.jquery4u.com?city=Gold Coast
console.log($.urlParam('city'));  
//输出：Gold%20Coast

console.log(decodeURIComponent($.urlParam('city')));  
//输出：Gold Coast

Ini boleh digunakan untuk menetapkan nilai lalai medan input teks, contohnya:

$('#city').val(decodeURIComponent($.urlParam('city')));

terima kasih kepada Bjverde untuk meningkatkan fungsi ini:

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^]*)').exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return results[1] || 0;
    }
}

Soalan Lazim untuk Parameter URL dalam JQuery (Soalan Lazim)

Bagaimana menggunakan jQuery untuk mendapatkan parameter URL?

Untuk menggunakan jQuery untuk mendapatkan parameter URL, anda boleh menggunakan atribut

. Harta ini mengembalikan parameter rentetan pertanyaan URL. Anda kemudian boleh menggunakan kaedah window.location.search untuk memadam tanda tanya pada permulaan rentetan pertanyaan. Selepas itu, anda boleh memecah parameter oleh & watak. Berikut adalah contoh mudah: substring()

var params = window.location.search.substring(1).split('&');

Sekarang, setiap elemen dalam array

mewakili parameter URL. Anda boleh memecah setiap parameter dengan tanda yang sama untuk memisahkan nama dan nilai parameter. params

bagaimana menggunakan kaedah jQuery.param ()?

Kaedah

adalah fungsi utiliti yang mewujudkan perwakilan bersiri array atau objek. Ini berguna apabila anda ingin membuat rentetan pertanyaan dari array atau objek. Berikut adalah contoh: jQuery.param()

var params = { name: 'John', age: 30 };
var queryString = $.param(params);

Dalam contoh ini,

akan menjadi rentetan "name = John & Age = 30". queryString

Bolehkah saya mendapatkan parameter URL tanpa jQuery?

Ya, anda boleh menggunakan JavaScript tulen untuk mendapatkan parameter URL tanpa menggunakan jQuery. Objek

dalam JavaScript menyediakan sifat dan kaedah yang boleh digunakan untuk mengendalikan URL semasa. Sebagai contoh, anda boleh menggunakan harta window.location untuk mendapatkan parameter rentetan pertanyaan. window.location.search

Bagaimana untuk menetapkan parameter URL menggunakan jQuery?

JQuery tidak menyediakan kaedah terbina dalam untuk menetapkan parameter URL. Walau bagaimanapun, anda boleh menggunakan objek

dalam JavaScript untuk menukar URL. Jika anda ingin menukar URL tanpa memuatkan semula halaman, anda boleh menggunakan kaedah window.location. history.pushState()

Bagaimana menggunakan jQuery untuk memadam parameter URL tertentu?

Untuk memadam parameter URL tertentu, anda boleh menggunakan atribut

terlebih dahulu untuk mendapatkan semua parameter. Anda kemudian boleh membuat rentetan pertanyaan baru yang tidak mengandungi parameter yang anda mahu padamkan. Selepas itu, anda boleh menetapkan rentetan pertanyaan baru menggunakan kaedah window.location.search. history.pushState()

Bagaimana menggunakan jQuery untuk memeriksa sama ada parameter URL wujud?

Anda boleh menyemak sama ada parameter URL wujud dengan menggunakan atribut

untuk mendapatkan semua parameter. Anda kemudian boleh memecah parameter dan periksa sama ada parameter yang anda cari berada dalam array. window.location.search

Bolehkah saya menggunakan jQuery untuk mengendalikan parameter hash dalam URL?

Ya, anda boleh menggunakan atribut window.location.hash untuk mengendalikan parameter hash dalam URL. Harta ini mengembalikan bahagian selepas simbol hash dalam URL.

Bagaimana menggunakan jQuery untuk mendapatkan pelbagai parameter URL?

Untuk mendapatkan pelbagai parameter URL, anda boleh menggunakan atribut window.location.search dan memecah parameter oleh & aksara. Setiap elemen dalam array hasil mewakili parameter URL.

Bolehkah saya menukar URL menggunakan jQuery tanpa memuatkan semula halaman?

Ya, anda boleh menukar URL tanpa memuatkan semula halaman menggunakan kaedah history.pushState() dalam JavaScript. Kaedah ini menambah kemasukan baru ke sejarah penyemak imbas.

Bagaimana menangani parameter URL dalam permintaan AJAX menggunakan jQuery?

Apabila menggunakan JQuery untuk permintaan Ajax, anda boleh memasukkan parameter URL dalam rentetan URL. Sebagai alternatif, anda boleh menggunakan pilihan $.ajax() dalam kaedah data untuk memasukkan parameter. Pilihan ini secara automatik menukarkan objek atau array ke rentetan pertanyaan.

Atas ialah kandungan terperinci Dapatkan Parameter URL Menggunakan JQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!