Ancora un altro suggerimento.
Ci sono già alcune buone risposte, ma le ho trovate inutilmente complesse e difficili da capire. È breve, semplice e restituisce un semplice array associativo con nomi di chiave corrispondenti ai nomi di token nell'URL.
Ho aggiunto una versione con commenti qui sotto per coloro che vogliono imparare.
Nota che questo si basa su jQuery ($ .each) per il suo loop, che consiglio invece di forEach. Trovo più semplice garantire la compatibilità cross-browser usando jQuery su tutta la linea piuttosto che collegare singole correzioni per supportare qualunque nuova funzione non sia supportata nei browser più vecchi.
Modifica: Dopo aver scritto questo ho notato la risposta di Eric Elliott, che è quasi la stessa, sebbene utilizzi per Ognuno, mentre in genere sono contrario (per i motivi sopra indicati).
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;
}
Versione commentata:
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
}
Per gli esempi seguenti assumeremo questo indirizzo:
http://www.example.com/page.htm?id=4&name=murray
Puoi assegnare i token URL alla tua variabile:
var tokens = getTokens();
Quindi fai riferimento a ciascun token URL per nome in questo modo:
document.write( tokens['id'] );
Ciò stamperebbe "4".
Puoi anche semplicemente fare riferimento a un nome token direttamente dalla funzione:
document.write( getTokens()['name'] );
... che stampa "murray".