Heim > Web-Frontend > js-Tutorial > Wie füge ich in JavaScript Parameter zur URL hinzu?

Wie füge ich in JavaScript Parameter zur URL hinzu?

WBOY
Freigeben: 2023-08-30 21:33:03
nach vorne
1684 Leute haben es durchsucht

如何在 JavaScript 中向 URL 添加参数?

In diesem Artikel erfahren Sie, wie Sie in JavaScript Parameter zu einer URL hinzufügen. Es gibt zwei Möglichkeiten, Parameter zur URL hinzuzufügen: die Methode append() und die Methode set().

Die Methode

append() wird verwendet, um gezielt Schlüssel-Wert-Paare zur URL hinzuzufügen.

Die Methode

set() fügt einem bestimmten Schlüssel einen Wert hinzu. Wenn der Schlüssel nicht existiert, wird ein neuer Schlüssel erstellt. Wenn mehrere Schlüssel vorhanden sind, aktualisieren Sie den Wert eines Schlüssels und löschen Sie die anderen.

Beispiel 1

Schauen wir uns die append()-Methode in diesem Beispiel an

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)
Nach dem Login kopieren

Anleitung

  • Schritt 1 – URL mit Parametern definieren.

  • Schritt 2 – Fügen Sie der URL neue Parameter hinzu, indem Sie die Methode append() verwenden.

  • Schritt 3 – Ergebnisse anzeigen.

Beispiel 2

Schauen wir uns in diesem Beispiel die set()-Methode an

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)
Nach dem Login kopieren

Anleitung

  • Schritt 1 – URL mit Parametern definieren.

  • Schritt 2 – Fügen Sie mithilfe der append()-Methode neue Parameter zur URL hinzu.

  • Schritt 3 – Ergebnisse anzeigen.

Das obige ist der detaillierte Inhalt vonWie füge ich in JavaScript Parameter zur URL hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage