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

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

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

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

HTML код:

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

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

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

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

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

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

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

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

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

Анимация ожидания загрузки/обновления, используя CSS3

Октябрь 26, 2015 г.

Одна из типичных задач для улучшения пользовательского интерфейса на сайтах - это визуализация ожидания загрузки/обновления страницы. Наиболее частый случай ...

Читать

Установка значения атрибута HTML DOM элемента средствами js

Декабрь 17, 2018 г.

При работе с HTML документом из JavaScript одной из типовых операций является установка значения того или иного атрибута выбранного контейнера (тега). Vanila JS В чистом js (vanila) значение атрибута можно установить следующим образом: [crayon-5f102330d68cf725721448/] ...

Читать

 

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

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



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