Ще одна пропозиція.
Є вже кілька хороших відповідей, але я вважав їх непотрібними складними і важкими для розуміння. Це короткий, простий і повертає простий асоціативний масив з іменами ключів, що відповідають іменам токенів у URL.
Я додав версію з коментарями нижче для тих, хто хоче вчитися.
Зверніть увагу, що це покладається на jQuery ($ .each) для його циклу, який я рекомендую замість forEach. Мені простіше забезпечити сумісність між веб-браузерами за допомогою jQuery по всій дошці, а не підключення окремих виправлень для підтримки тих, які нові функції не підтримуються у старих браузерах.
Редагувати: Після того як я написав це, я помітив відповідь Еріка Елліотта, яка майже однакова, хоча вона використовується дляEach, хоча я взагалі проти (з причин, зазначених вище).
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;
}
Коментована версія:
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
}
Для прикладів нижче ми припустимо цю адресу:
http://www.example.com/page.htm?id=4&name=murray
Ви можете призначити маркери URL-адреси власній змінній:
var tokens = getTokens();
Потім зверніться до кожного маркера URL-адреси за таким ім'ям:
document.write( tokens['id'] );
Це надрукувало б "4".
Ви також можете просто посилатися на ім'я лексеми aa з функції безпосередньо:
document.write( getTokens()['name'] );
... який би надрукував "муррей".