Comment accéder aux paramètres de requête GET en JavaScript à l'aide d'API natives et de techniques héritées ?

Accès aux paramètres de requête GET en JavaScript

Les navigateurs modernes fournissent des API natives pour manipuler les URL et les chaînes de requête. Ces API, y compris URL et URLSearchParams, doivent être priorisées pour assurer la compatibilité avec les navigateurs modernes.

Solution originale :

Avant les API natives, tous les paramètres de requête GET étaient accessibles via la propriété window.location.search. Cependant, cela nécessite une analyse manuelle de la chaîne de requête. La fonction suivante peut être utilisée :

<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>

Cette fonction prend un nom de paramètre GET et renvoie sa valeur. Si le paramètre n'existe pas ou n'a pas de valeur, il renvoie undefined.

Exemple :

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

Cela attribuera la valeur du paramètre GET foo au variable foo.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!