Bagaimana untuk menambah parameter dalam URL menggunakan jQuery

PHPz
Lepaskan: 2023-04-05 13:52:10
asal
1560 orang telah melayarinya

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'
};
Salin selepas log masuk

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'
Salin selepas log masuk

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;
Salin selepas log masuk

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;
Salin selepas log masuk

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;
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan