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

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

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

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

HTML код:

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

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

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

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

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

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

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

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

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

Копируем в буфер обмена средствами javascript

Февраль 25, 2017 г.

Такая задача возникает не часто, но если вы заботитесь о пользователе, и помогаете ему скопировать в буфер обмена нужную информацию - то пользователь будет вам признателен. Так вы заработаете ещё один плюсик в копилку "юзабилити". Разберем ключевые ...

Читать

Найти элемент по его классу в HTML на чистом js

Май 4, 2020 г.

Немного ванильного js, на этот раз: как найти контейнер по указанному классу. Сразу рассмотрим более сложный пример, когда требуется найти элемент с классом .class-child внутри элемента .class-parent. В DOM мы используем функцию element.getElementsByClassName(CLASSNAME), ...

Читать

 

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

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



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