Encore une autre suggestion.
Il y a déjà de bonnes réponses, mais je les ai trouvées inutilement complexes et difficiles à comprendre. C'est court, simple et renvoie un tableau associatif simple avec des noms de clé correspondant aux noms de jeton dans l'URL.
J'ai ajouté une version avec des commentaires ci-dessous pour ceux qui veulent apprendre.
Notez que cela repose sur jQuery ($ .each) pour sa boucle, que je recommande au lieu de forEach. Je trouve plus simple de garantir la compatibilité entre les navigateurs en utilisant jQuery sur toute la ligne plutôt que de brancher des correctifs individuels pour prendre en charge les nouvelles fonctions qui ne sont pas prises en charge dans les anciens navigateurs.
Edit: Après avoir écrit cela, j'ai remarqué la réponse d'Eric Elliott, qui est presque la même, bien qu'elle utilise forEach, alors que je suis généralement contre (pour les raisons énoncées ci-dessus).
function getTokens(){
var tokens = [];
var query = location.search;
query = query.slice(1);
query = query.split('&');
$.each(query, function(i,value){
var token = value.split('=');
var key = decodeURIComponent(token[0]);
var data = decodeURIComponent(token[1]);
tokens[key] = data;
});
return tokens;
}
Version commentée:
function getTokens(){
var tokens = []; // new array to hold result
var query = location.search; // everything from the '?' onward
query = query.slice(1); // remove the first character, which will be the '?'
query = query.split('&'); // split via each '&', leaving us an array of something=something strings
// iterate through each something=something string
$.each(query, function(i,value){
// split the something=something string via '=', creating an array containing the token name and data
var token = value.split('=');
// assign the first array element (the token name) to the 'key' variable
var key = decodeURIComponent(token[0]);
// assign the second array element (the token data) to the 'data' variable
var data = decodeURIComponent(token[1]);
tokens[key] = data; // add an associative key/data pair to our result array, with key names being the URI token names
});
return tokens; // return the array
}
Pour les exemples ci-dessous, nous supposerons cette adresse:
http://www.example.com/page.htm?id=4&name=murray
Vous pouvez attribuer les jetons URL à votre propre variable:
var tokens = getTokens();
Référez-vous ensuite à chaque jeton d'URL par nom comme ceci:
document.write( tokens['id'] );
Cela afficherait "4".
Vous pouvez également simplement vous référer directement à un nom de jeton à partir de la fonction:
document.write( getTokens()['name'] );
... qui imprimerait "murray".