Bagaimana untuk menambah parameter dalam URL menggunakan jQuery

Dalam pembangunan bahagian hadapan, kami selalunya perlu menambah parameter pada URL untuk melaksanakan beberapa operasi tertentu, seperti halaman, carian, dsb. Dengan menambahkan parameter, bahagian belakang boleh bertindak balas dengan sewajarnya berdasarkan parameter. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk menambah parameter pada URL.

Dalam jQuery, kita boleh menggunakan kaedah $.param() untuk menukar objek kepada rentetan pertanyaan, dan kemudian tambah rentetan ini pada penghujung URL. Sebagai contoh, kita boleh mengisytiharkan objek JavaScript:

var params = {
  page: 1,
  filter: 'recommend',
  sort: 'desc'
};

Kemudian, kita boleh menggunakan kaedah $.param() untuk menukar objek ini kepada rentetan pertanyaan:

var qs = $.param(params);
console.log(qs); // 'page=1&filter=recommend&sort=desc'

Sekarang, kita perlu Rentetan pertanyaan ini ditambahkan pada penghujung URL. Mula-mula kita boleh mendapatkan URL semasa dan kemudian menambah rentetan pertanyaan pada penghujungnya.

var currentUrl = window.location.href;
var newUrl = currentUrl.indexOf('?') > -1 ? currentUrl + '&' + qs : currentUrl + '?' + qs;

Kod ini mula-mula mendapat URL semasa, dan kemudian menyemak sama ada URL sudah mengandungi rentetan pertanyaan. Jika URL semasa sudah mengandungi rentetan pertanyaan, maka kita perlu menambah parameter pertanyaan baharu melalui simbol & di hujung URL jika URL semasa tidak mempunyai rentetan pertanyaan, kita perlu menambah parameter pertanyaan melalui Simbol ? di hujung URL .

Akhir sekali, kita perlu menetapkan URL baharu kepada atribut window.location.href:

window.location.href = newUrl;

Dengan cara ini, kita boleh menambah parameter pada URL. Sebagai contoh, kami membuka halaman web https://example.com, dan kemudian laksanakan kod berikut:

var params = {
  page: 1,
  filter: 'recommend',
  sort: 'desc'
};
var qs = $.param(params);
var currentUrl = window.location.href;
var newUrl = currentUrl.indexOf('?') > -1 ? currentUrl + '&' + qs : currentUrl + '?' + qs;
window.location.href = newUrl;

URL akhir akan menjadi: https://example.com?page=1&filter=recommend&sort=desc.

Ringkasan:

Apabila menggunakan jQuery, kita boleh menukar objek JavaScript kepada rentetan pertanyaan melalui kaedah $.param(), dan kemudian menambah rentetan ini pada penghujung URL, dengan itu melaksanakannya dalam URL Tambah keperluan untuk parameter.

Atas ialah kandungan terperinci Bagaimana untuk menambah parameter dalam URL menggunakan jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!