Abrufen von GET-Parametern aus JavaScript: Eine detaillierte Anleitung

Um GET-Parameter aus einem JavaScript-Skript abzurufen, können Entwickler das window.location-Objekt nutzen. Dieses Objekt bietet Zugriff auf die aktuelle URL, einschließlich ihrer Abfragezeichenfolge.

Eine Methode zum Abrufen von GET-Parametern besteht darin, den Teil der URL zu extrahieren, der auf das Fragezeichen (?) folgt. Der folgende Codeausschnitt demonstriert diesen Ansatz:

const getParams = () => {
  const searchParams = window.location.search.substr(1);  // Remove the question mark
  return searchParams;  // Return the GET parameters as a string
};

Im bereitgestellten Beispiel kann auf den GET-Parameter „returnurl“ mit dem folgenden Code zugegriffen werden:

const returnurl = getParams().split("=").pop();  // Extract the parameter value
console.log(returnurl);  // Log the parameter value to the console

Dieser grundlegende Ansatz berücksichtigt jedoch nicht Szenarien, in denen mehrere Werte demselben Parameternamen zugeordnet sind. Um solche Fälle zu bewältigen, ist eine robustere Lösung erforderlich.

Die folgende erweiterte Funktion bietet eine umfassende Methode zum Abrufen von GET-Parametern, auch wenn mehrere Werte vorhanden sind:

const findGetParameter = (parameterName) => {
  const result = null;
  const searchString = location.search.substr(1);
  const items = searchString.split("&");
  for (let index = 0; index 
Diese Funktion dekodiert den Parameterwert, um die Kompatibilität mit Sonderzeichen sicherzustellen. Es verwendet eine for-Schleife, um jedes Schlüssel-Wert-Paar in der Abfragezeichenfolge zu durchlaufen. Wenn der angegebene Parametername gefunden wird, wird der entsprechende Wert zurückgegeben.
Mit der Funktion kann der Parameter „returnurl“ wie folgt abgerufen werden:
const returnurl = findGetParameter("returnurl");
console.log(returnurl);
Durch die Nutzung dieser Techniken können Entwickler effektiv GET-Parameter aus JavaScript-Skripten abrufen und so die Funktionalität von Webanwendungen verbessern.