Bagaimana untuk menambah parameter pada URL dalam JavaScript?

Dalam artikel ini, anda akan belajar cara menambah parameter pada URL dalam JavaScript. Terdapat dua cara untuk menambah parameter pada url: kaedah append() dan kaedah set().

Kaedah

append() digunakan untuk menambah pasangan nilai kunci secara khusus pada url.

Kaedah

set() menambah nilai pada kunci tertentu. Jika kunci tidak wujud, kunci baharu dicipta. Jika berbilang kunci wujud, kemas kini nilai satu kunci dan padamkan yang lain.

Contoh 1

Mari kita lihat kaedah append() dalam contoh ini

let inputUrl = new URL('https://urlExample.com?key1=value1');
let inputParams = new URLSearchParams(inputUrl.search);
console.log("The parameters of the url is defined as: ", inputParams)

inputParams.append('key2', 'value2');

console.log("The url after adding adding the parameters is: ",inputParams)

Penerangan

• Langkah 1 - Tentukan url dengan parameter.

• Langkah 2 - Gunakan kaedah append() untuk menambah parameter baharu pada url.

• Langkah 3 - Tunjukkan hasil.

Contoh 2

Mari kita lihat kaedah set() dalam contoh ini

let inputUrl = new URL('https://urlExample.com?key1=value1');
let inputParams = new URLSearchParams(inputUrl.search);
console.log("The parameters of the url is defined as: ", inputParams)

inputParams.set('key2', 'value2');

console.log("The url after adding adding the parameters is: ",inputParams)

Penerangan

• Langkah 1 - Tentukan url dengan parameter.

• Langkah 2 - Gunakan kaedah append() untuk menambah parameter baharu pada url.

• Langkah 3 - Tunjukkan hasil.

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