Jeszcze jedna sugestia.
Istnieją już dobre odpowiedzi, ale uznałem je za niepotrzebnie złożone i trudne do zrozumienia. Jest krótki, prosty i zwraca prostą tablicę asocjacyjną z nazwami kluczy odpowiadającymi nazwom tokenów w adresie URL.
Dodałem wersję z komentarzami poniżej dla tych, którzy chcą się uczyć.
Zauważ, że opiera się na jQuery ($ .each) dla swojej pętli, którą polecam zamiast forEach. Uważam, że łatwiej jest zapewnić kompatybilność z różnymi przeglądarkami, używając jQuery w całym systemie, niż podłączać poszczególne poprawki w celu obsługi tych nowych funkcji, które nie są obsługiwane w starszych przeglądarkach.
Edycja: Po tym, jak to napisałem, zauważyłem odpowiedź Erica Elliotta, która jest prawie taka sama, chociaż używa ona dlaEach, podczas gdy ogólnie jestem przeciwny (z powodów wymienionych powyżej).
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;
}
Skomentowana wersja:
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
}
W poniższych przykładach przyjmiemy ten adres:
http://www.example.com/page.htm?id=4&name=murray
Możesz przypisać tokeny URL do własnej zmiennej:
var tokens = getTokens();
Następnie odwołaj się do każdego tokena URL według nazwy w następujący sposób:
document.write( tokens['id'] );
Spowoduje to wydrukowanie „4”.
Możesz również po prostu odwołać się bezpośrednio do nazwy tokena z funkcji:
document.write( getTokens()['name'] );
... który wydrukowałby „murray”.