Чтение GET параметров в JS

Получить GET параметры в JS

Как прочитать GET параметры на стороне клиента из кода на javascript? Бывают ситуации, когда нужно что то сделать из JS в зависимости от переданных параметров в URL страницы.

В целом, техника не сложная, т.к. javascript предоставляет доступ к url страницы, в том числе и параметрам запроса GET.

HTML код:

покажет попап с адресом документа. document.location — это объект, который содержит ряд свойств и методов для работы с адресом локации, но нас интересует его свойство document.location.search, которое содержит параметры GET.

Для получения определенного параметра из этой строки, придется выделить значение с помощью, например, регулярного выражения:

А вот так можно получить все значения:

Результат будет получен в виде объекта (хеш-массива).

К примеру, для локации http://ваш-сайт?a=1&b=2, вы получите объект

Обратите внимание, что полученные строчные значения нужно будет еще перекодировать, используя функцию decodeURIComponent, т.е. в более общем случае мы получим:

Еще может требоваться замена символа «+» на пробел (уже учено в коде выше).

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

Мало букафф? Читайте есчо !

Вывод в swiper.js слайдере кастомных булетов

Ноябрь 22, 2019 г.

Специально для Артура, задающего вопрос в статье про swiper, привожу пример как вывести в swiper.js вместо штатных булетов навигации некие кастомные текстовые метки. Swiper.js позволяет глубоко кастомизировать все свои элементы. Достаточно обратиться ...

Читать

Кастомизация infoWindow на картах гугл

Январь 25, 2018 г.

Поп-ап на картах гугл, объект google.maps.InfoWindow, привлекателен возможностью вставки в него собственного HTML контента. Но кастомизация внешнего вида ...

Читать

 

Комментарии к «Чтение GET параметров в JS»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: