Mais uma sugestão.
Já existem boas respostas, mas eu as achei desnecessariamente complexas e difíceis de entender. É curto, simples e retorna uma matriz associativa simples com nomes de chave correspondentes aos nomes de token no URL.
Eu adicionei uma versão com comentários abaixo para quem quer aprender.
Observe que isso depende do jQuery ($ .each) para seu loop, que eu recomendo em vez do forEach. Acho mais simples garantir a compatibilidade entre navegadores usando o jQuery em geral, em vez de conectar correções individuais para dar suporte a quaisquer novas funções que não sejam suportadas em navegadores antigos.
Edit: Depois que escrevi isso, notei a resposta de Eric Elliott, que é quase a mesma, embora use forEach, enquanto geralmente sou contra (pelas razões expostas acima).
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;
}
Versão comentada:
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
}
Para os exemplos abaixo, assumiremos este endereço:
http://www.example.com/page.htm?id=4&name=murray
Você pode atribuir os tokens de URL à sua própria variável:
var tokens = getTokens();
Em seguida, consulte cada token de URL por nome como este:
document.write( tokens['id'] );
Isso imprimiria "4".
Você também pode simplesmente se referir a um nome de token diretamente da função:
document.write( getTokens()['name'] );
... que imprimiria "murray".