1. / 
2. JavaScript
3. Как получить параметры из url страницы и добавить их к ссылкам

Как получить параметры из url страницы и добавить их к ссылкам

Скрипт получает полный url страницы, берет из него параметры и добавляет их к ссылкам с классом link. Данный способ может пригодиться, когда необходимо передать параметры с преленда на ленд, используя javascript.
Для примера возьмем такую ссылку: site.ru?par1=val1&par2=val2&par3=val3.

Код простой, все понятно из комментариев.

$(document).ready(function(){
    //Если в url есть параметры
    if (window.location.search) {
        //Строка с параметрами
        var valuesStr = window.location.search;
        
        //Добавляем параметры к ссылкам с классом link
        //Можно написать просто $("a"), и тогда ко всем ссылкам будут дописаны параметры
        $("a.link").each(function( index ) {
            let link = $(this).attr('href');
            $(this).attr('href',link+valuesStr);
        });
    }
});

Если есть необходимость дописывать к ссылкам не все параметры, код можно изменить так:

$(document).ready(function(){
    //Если в url есть параметры
    if (window.location.search) {
        //Строка с параметрами
        var valuesStr = window.location.search;
        
        //Удаляем лишние параметры
        var params = new URLSearchParams(valuesStr);
        params.delete("par2");
        params.delete("par3");

        //Обновляем строку с параметрами
        valuesStr = '?'+params.toString();
        
        //Добавляем параметры к ссылкам с классом link
        //Можно написать просто $("a"), и тогда ко всем ссылкам будут дописаны параметры
        $("a.link").each(function( index ) {
            let link = $(this).attr('href');
            $(this).attr('href',link+valuesStr);
        });
    }
});

Если нужны доработки скрипта под конкретные задачи, пишите вопросы в комментариях.

Написать комментарий