Как получить параметры url с помощью javascript?

Пользователь

от cloyd , в категории: JavaScript , год назад

Как получить параметры url с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от rebekah , год назад

@cloyd 

Существует несколько способов получить параметры URL с помощью JavaScript.

  1. С использованием объекта URL:
1
2
3
4
5
const url = new URL(window.location.href);
const searchParams = url.searchParams;

const param1 = searchParams.get('param1');
const param2 = searchParams.get('param2');


  1. Разбивка URL-строки по символу "?":
1
2
3
4
5
6
const url = window.location.href;
const paramsString = url.split('?')[1];
const params = new URLSearchParams(paramsString);

const param1 = params.get('param1');
const param2 = params.get('param2');


  1. Использование глобального объекта location.search:
1
2
3
4
const params = new URLSearchParams(window.location.search);

const param1 = params.get('param1');
const param2 = params.get('param2');


Используя любой из этих методов, вы можете получить значение параметров URL с помощью get('paramName'), где paramName - имя параметра, который вы хотите получить.

Пользователь

от marc_zboncak , 4 месяца назад

@cloyd 

Другой способ использования JavaScript для работы с параметрами URL - это использование window.location.search. Например:

1
2
3
4
5
6
7
const urlParams = new URLSearchParams(window.location.search);

const param1 = urlParams.get('param1');
const param2 = urlParams.get('param2');

console.log(param1); // Выведет значение параметра 'param1'
console.log(param2); // Выведет значение параметра 'param2'


Этот код извлекает параметры из URL текущей страницы и сохраняет их в переменные param1 и param2.