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

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

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

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

HTML код:

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

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

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

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

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

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

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

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

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

Как избежать изменения позиции scroll в документе после установки #hash

Февраль 21, 2020 г.

При установке значения hash в url окна, к примеру так: window.location.hash = '#something'; браузер прокрутит документ до позиции элемента вида <a name='something'></a>. Иногда такое поведение является не желательным. После изменения позиции ...

Читать

Исправление плагина jquery.jslider.js

Июнь 8, 2017 г.

Использую в одном из проектов замечательный плагин для ввода диапазона значений, который, к сожалению, не поддерживается больше разработчиком. Он содержит ...

Читать

 

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

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



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