Zugriff auf GET-Anfrageparameter in JavaScript

Moderne Browser bieten native APIs zum Bearbeiten von URLs und Abfragezeichenfolgen. Diese APIs, einschließlich URL und URLSearchParams, sollten aus Kompatibilitätsgründen mit modernen Browsern priorisiert werden.

Originallösung:

Vor nativen APIs waren alle GET-Anfrageparameter über zugänglich die window.location.search-Eigenschaft. Dies erfordert jedoch eine manuelle Analyse der Abfragezeichenfolge. Die folgende Funktion kann verwendet werden:

function getQueryParam(name) {
  const regex = new RegExp('[?&]'   encodeURIComponent(name)   '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}

Diese Funktion nimmt einen GET-Parameternamen und gibt seinen Wert zurück. Wenn der Parameter nicht existiert oder keinen Wert hat, wird undefiniert zurückgegeben.

Beispiel:

const foo = getQueryParam('foo');

Dadurch wird der Wert des GET-Parameters foo der Variable foo zugewiesen.