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
Libérer: 2024-11-27 08:26:13
original
846 Les gens l'ont consulté

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;
}
Copier après la connexion

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

var myParam = getQueryString()["myParam"];
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal