Maison >interface Web >js tutoriel >Comment puis-je extraire facilement des paires clé-valeur d'une chaîne de requête JavaScript ?

Comment puis-je extraire facilement des paires clé-valeur d'une chaîne de requête JavaScript ?

DDD
DDDoriginal
2024-11-27 08:26:13837parcourir

How Can I Easily Extract Key-Value Pairs from a JavaScript Query String?

Chaînes de requête JavaScript

Une technique courante utilisée dans le développement Web consiste à transmettre des données via une chaîne de requête. Ceci est souvent rencontré dans ASP.NET, où il est représenté sous la forme d'une structure de dictionnaire. De nombreux développeurs peuvent rechercher une solution similaire en JavaScript.

Extraction de paires clé-valeur

Pour y parvenir, on peut utiliser la propriété location.search, qui capture la partie de l'URL après le point d'interrogation (?). Cette propriété contient des paires clé-valeur.

Fonction personnalisée

S'il n'existe pas de bibliothèque JavaScript prédéfinie spécifiquement conçue à cet effet, une fonction personnalisée peut être créée :

function getQueryString() {
  var result = {}, queryString = location.search.slice(1),
      re = /([^&;=]+)=([^&;]*)/g, m;

  while (m = re.exec(queryString)) {
    result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
  }

  return result;
}

Avec cette fonction, vous pouvez facilement accéder aux paramètres de chaîne de requête en call:

var myParam = getQueryString()["myParam"];

Conventions de dénomination

En dehors d'ASP.NET, le terme « chaîne de requête » est plus couramment utilisé pour la chaîne entière de paires clé-valeur après le point d'interrogation. Les paires clé-valeur individuelles sont appelées paramètres, arguments ou paramètres de chaîne de requête.

Implémentation du navigateur

Malheureusement, la propriété location.search ne fournit pas nativement une collection clé-valeur ou une représentation objet structurée de la chaîne de requête. C'est pourquoi les développeurs ont souvent recours à des fonctions personnalisées ou à des bibliothèques externes.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn