JavaScript – як витягти параметр з URL-адреси

JavaScript, URL

У процесі розробки сайту постають невеликі завдання, наприклад, як вибрати параметр із URL.

Наприклад, у нас є URL такого виду:

http://www.example.com/?page=24&info=13

Параметрами в даному випадку є page та info.

Для вирішення цього завдання можна використовувати наступний код

function getURLParameter(sUrl, sParam) {
    let sPageURL = sUrl.substring(sUrl.indexOf('?') + 1);
    let sURLVariables = sPageURL.split('&');
    for (let i = 0; i < sURLVariables.length; i++) {
        let sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam) {
            return sParameterName[1];
        }
    }
}

Першим параметром тут передається URL-адреса, з якої потрібно вилучити параметр, а другим параметром передається ім'я параметра, який потрібно вилучити.

Це може бути корисно в тому випадку, коли Ви перехоплюєте подію кліка за посиланням або Вам просто потрібно вийняти параметри URL-адреси в адресному рядку в браузері.

Застосування для зазначеного вище URL буде наступним.

getURLParameter('http://www.example.com/?page=24&info=13', 'page');
getURLParameter('http://www.example.com/?page=24&info=13', 'info');

Якщо Ви відслідковуєте подію кліка миші, це буде виглядати так

function link_clickHandler(event){
    event.preventDefault();
    let path = event.target.href;
    console.log(getURLParameter(path, 'some_parameter');
}