Wie greife ich mithilfe nativer APIs und Legacy-Techniken auf GET-Anforderungsparameter in JavaScript zu?

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 Gründen der Kompatibilität mit modernen Browsern priorisiert werden.

Ursprüngliche Lö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:

<code class="js">function getQueryParam(name) {
  const regex = new RegExp('[?&]' + encodeURIComponent(name) + '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}</code>

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:

<code class="js">const foo = getQueryParam('foo');</code>

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

Das obige ist der detaillierte Inhalt vonWie greife ich mithilfe nativer APIs und Legacy-Techniken auf GET-Anforderungsparameter in JavaScript zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!