Récupérer les variables de la Query String en Javascript

Publié par Thanh le Mercredi 18 avr 2007 à 10h04 Rangé dans Javascript , marqué Navigateur, Open source 13 commentaires

Je cherchais un moyen rapide de gérer le contenu d'une query string, j'ai donc jeté un oeil du coté de jQuery mais apparemment il n'y a pas encore de plugin qui permet de faire ça en moins de deux minutes.

Du coup j'ai lancé une recherche sur google et je vous fais partager ce petit script très sympa et qui fait bien son taf. Exemple :

// Soit l'url : http://www.primatech.com?val_1=bennett&val_2=cheerleader
var qs = new Querystring()
var v_1 = qs.get('val_1' );
var v_2 = qs.get('val_2' );
var v_3 = qs.get('val_3' );
alert(v_1); // va afficher "bennett"
alert(v_2); // va afficher "cheerleader"
alert(v_3); // va afficher null

Bon je dois rattraper le temps perdu à écrire ce billet ^^

13 Comments to “Récupérer les variables de la Query String en Javascript”

You can follow all the replies to this entry through the comments feed.

xuxu

18 avril 2007 at 10 h 48 min | Permalink

Heureusement qu’il n’y pas de spoiler dans ce billet :p
Thanh

18 avril 2007 at 10 h 56 min | Permalink

Comme tu l’a dis IRL, j’aurais bien du mal à spoiler au sujet de l’épisode 19 ::mrgreen
la lène

18 avril 2007 at 11 h 23 min | Permalink

Mon héroooo. ^^

Merci merci merci mille fois merci.
Alexandre

18 avril 2007 at 11 h 37 min | Permalink

Moi j’ai rien compris à ce billet ;O
Narno

18 avril 2007 at 12 h 42 min | Permalink

Manque plus qu’un getGetVars() qui remplira un tableau de toutes les variables passées dans l’URL ! ::mrgreen
Neovov

18 avril 2007 at 13 h 26 min | Permalink

Je m’insurge, il manque un point virgule après new Querystring() !

Yaatttaaa sinon !::lol
Neovov

18 avril 2007 at 13 h 28 min | Permalink

Je m’insurge, il manque un point virgule après new Querystring() !

Yaatttaaa sinon !::lol
Sunny

18 avril 2007 at 14 h 08 min | Permalink

Avec la lib Prototype c’est aussi simple que :

qs = location.search.toQueryParams();
alert(qs.val_1) // va afficher « bennett »
alert(qs.val_2); // va afficher « cheerleader »
alert(qs.val_1); // va afficher undefined
Thanh

18 avril 2007 at 17 h 51 min | Permalink

Merci Sunny. C’est bon à savoir.

@Narno,
ça doit pouvoir se faire, je regarderais le script en question

@Neo,
yatta toa même
N30

21 avril 2007 at 13 h 16 min | Permalink

Avec ça on sauve le monde ?
Thanh

21 avril 2007 at 13 h 43 min | Permalink

N30,

avec ça on fait un petit pas pour sauver le web, et par la même occasion, on sauve un petit peu le monde
Ovich

5 juin 2007 at 13 h 57 min | Permalink

J’ai un blème avec le premier script.
« Querrystring is not defined »

Doit on avoir un truck speciale pour que ca marche?
Thanh

5 juin 2007 at 14 h 11 min | Permalink

Salut Ovich,

vérifie la syntaxe « Querrystring » => « Querystring »

si cela na va toujours pas mieux je t’invite à te rendre sur l’un de ces forums :

http://developpeur.mediabox.fr/

ou

http://forum.alsacreations.com/forum.php

Bon courage.