Chaîne de requête JavaScript

Question

Existe-t-il une bibliothèque JavaScript qui crée un dictionnaire à partir de la chaîne de requête, ASP.NET style ?

Quelque chose qui peut être utilisé comme :

var query = window.location.querystring["query"]?

Est "chaîne de requête" appelé quelque chose d'autre en dehors de la .NET royaume ? Pourquoi le location.search brisé en un collection clé/valeur ?

EDIT : J'ai écrit ma propre fonction, mais est-ce qu'une grande bibliothèque JavaScript fait cela ?

Answer 1

Vous pouvez extraire les paires clé/valeur du fichier location.search cette propriété contient la partie de l'URL qui suit le symbole ?, y compris le symbole ?

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

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

Answer 2

tl;dr solution sur une seule (ou presque) ligne de code en utilisant du javascript vanille

var queryDict = {}
location.search.substr(1).split("&").forEach(function(item) {
    queryDict[item.split("=")[0]] = item.split("=")[1]
})

Pour la chaîne de requête ?a=1&b=2&c=3&d&e il revient :

> queryDict
a: "1"
b: "2"
c: "3"
d: undefined
e: undefined

clés à valeurs multiples y caractères codés ?

Voir la réponse originale à l'adresse suivante Comment puis-je obtenir des valeurs de chaîne de requête en JavaScript ?

"?a=1&b=2&c=3&d&e&a=5&a=t%20e%20x%20t&e=http%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dståle%26car%3Dsaab"
> queryDict
a: ["1", "5", "t e x t"]
b: ["2"]
c: ["3"]
d: [undefined]
e: [undefined, "http://w3schools.com/my test.asp?name=ståle&car=saab"]

Answer 3

Peut-être http://plugins.jquery.com/query-object/ ?

Voici la fourchette https://github.com/sousk/jquery.parsequery#readme .

Answer 4

Après avoir trouvé cet article, je me suis dit que je devais ajouter que je ne pense pas que la solution la plus votée soit la meilleure. Elle ne gère pas les valeurs de tableau (comme ?a=foo&a=bar - dans ce cas, je m'attendrais à ce que getting a retourne ['foo', 'bar']). Pour autant que je sache, elle ne prend pas non plus en compte les valeurs encodées - comme l'encodage de caractères hexagonaux où %20 représente un espace (exemple : ?a=Hello%20World) ou le symbole plus utilisé pour représenter un espace (exemple : ?a=Hello+World).

Node.js offre ce qui semble être une solution très complète pour l'analyse des chaînes de requête. Il serait facile de l'utiliser dans votre propre projet car il est assez bien isolé et sous une licence permissive.

Son code peut être consulté ici : https://github.com/joyent/node/blob/master/lib/querystring.js

Les tests effectués par Node peuvent être consultés ici : https://github.com/joyent/node/blob/master/test/simple/test-querystring.js Je suggérerais d'essayer certaines de ces questions avec la réponse la plus courante pour voir comment elle les traite.

J'ai également participé à un projet visant à ajouter cette fonctionnalité. Il s'agit d'un portage du module d'analyse des chaînes de requête de la librairie standard de Python. Ma fourchette peut être trouvée ici : https://github.com/d0ugal/jquery.qeeree

Answer 5

Vous pouvez également utiliser la bibliothèque sugar.js .

D'après sugarjs.com :

Object.fromQueryString ( str , deep = true )

Convertit la chaîne de requête d'une URL en un objet. Si deep est faux, la conversion n'acceptera que des paramètres peu profonds (c'est-à-dire aucun objet ou tableau avec la syntaxe []) car ceux-ci ne sont pas universellement supportés.

Object.fromQueryString('foo=bar&broken=wear') >{"foo":"bar","broken":"wear"}
Object.fromQueryString('foo[]=1&foo[]=2') >{"foo":[1,2]}

Exemple :

var queryString = Object.fromQueryString(location.search);
var foo = queryString.foo;