Bagaimana untuk menetapkan parameter untuk url jquery

jQuery ialah rangka kerja JavaScript yang popular Ia boleh membantu kami mengendalikan DOM dengan cepat dan mencapai kesan dinamik Mengubah suai parameter URL ialah fungsi yang sering kami perlukan Dalam proses menggunakan jQuery, kami hanya boleh mengekodkan untuk melaksanakan fungsi ini.

Pertama, kita perlu mendapatkan alamat URL halaman semasa, yang boleh dicapai menggunakan objek window.location JavaScript:

var url = window.location.href;

Kod ini akan mendapat alamat URL lengkap bagi halaman semasa, termasuk Maklumat seperti protokol, nama hos, laluan dan parameter. Seterusnya, kita perlu menghuraikan URL dan mendapatkan maklumat parameter.

Dalam JavaScript, terdapat banyak cara untuk menghuraikan URL, salah satu kaedah yang lebih mudah ialah menggunakan ungkapan biasa. Berikut ialah ungkapan biasa yang mudah untuk menghuraikan URL:

var reg = /[\?&]([^=&#]+)=([^&#]*)/g;

Ungkapan biasa ini akan memadankan semua parameter dalam URL dan menyimpannya dalam objek dalam bentuk pasangan nilai kunci. Kita boleh menggunakan kod berikut untuk menghuraikan parameter ke dalam objek:

var params = {};
while (match = reg.exec(url)) {
    params[match[1]] = match[2];
}

Parameter yang dihuraikan disimpan dalam objek params dan kita boleh mendapatkan nilai yang sepadan melalui params[key].

Seterusnya, kita boleh mengubah suai parameter. Katakan kita ingin mengubah suai nilai parameter dengan kunci "halaman", kita boleh menggunakan kod berikut:

var newPageValue = 2;
params["page"] = newPageValue;

Akhir sekali, kita perlu menyambung parameter yang diubah suai ke dalam URL, yang juga boleh dilakukan menggunakan Operasi rentetan JavaScript untuk dicapai.

var newUrl = url.split('?')[0] + '?';
for (var key in params) {
    newUrl += key + '=' + params[key] + '&';
}
newUrl = newUrl.substring(0, newUrl.length - 1);

Kod ini akan menyambung semula parameter yang dihuraikan ke dalam URL dan mengembalikan alamat URL baharu. Kita boleh menggunakan window.location.href untuk melompat ke alamat baharu.

Kod akhir adalah seperti berikut:

var url = window.location.href;
var reg = /[\?&]([^=&#]+)=([^&#]*)/g;
var params = {};
while (match = reg.exec(url)) {
    params[match[1]] = match[2];
}

var newPageValue = 2;
params["page"] = newPageValue;

var newUrl = url.split('?')[0] + '?';
for (var key in params) {
    newUrl += key + '=' + params[key] + '&';
}
newUrl = newUrl.substring(0, newUrl.length - 1);

window.location.href = newUrl;

Di atas ialah langkah dan contoh kod untuk menggunakan jQuery untuk mengubah suai parameter URL. Dalam aplikasi praktikal, kami boleh mengubah suai dan mengoptimumkan mengikut keperluan khusus untuk mencapai operasi yang lebih fleksibel dan cekap.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan parameter untuk url jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!