Otra sugerencia más.
Ya hay algunas buenas respuestas, pero las encontré innecesariamente complejas y difíciles de entender. Esto es breve, simple y devuelve una matriz asociativa simple con nombres de claves correspondientes a los nombres de token en la URL.
Agregué una versión con comentarios a continuación para aquellos que quieran aprender.
Tenga en cuenta que esto se basa en jQuery ($ .each) para su bucle, que recomiendo en lugar de forEach. Me resulta más sencillo garantizar la compatibilidad entre navegadores utilizando jQuery en todos los ámbitos en lugar de conectar soluciones individuales para admitir las nuevas funciones que no se admiten en los navegadores más antiguos.
Editar: Después de escribir esto, noté la respuesta de Eric Elliott, que es casi la misma, aunque se usa para cada uno, mientras que generalmente estoy en contra (por las razones mencionadas anteriormente).
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;
}
Versión 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 los ejemplos a continuación asumiremos esta dirección:
http://www.example.com/page.htm?id=4&name=murray
Puede asignar los tokens de URL a su propia variable:
var tokens = getTokens();
Luego, consulte cada token de URL por nombre de esta manera:
document.write( tokens['id'] );
Esto imprimiría "4".
También puede simplemente referirse a un nombre de token de la función directamente:
document.write( getTokens()['name'] );
... que imprimiría "murray".