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

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

WBOY
WBOYnach vorne
2023-08-30 21:33:031615Durchsuche

如何在 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)

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)

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen