Вебинары Разобраться в IT Реферальная программа
Программирование Аналитика Дизайн Маркетинг Управление проектами
06 Апр 2023
1 мин
152

Получение значений строки запроса в JavaScript

Часто возникают ситуации, когда при разработке веб-приложений требуется получить значения из строки запроса URL. Например, на странице товара в интернет-магазине,

Часто возникают ситуации, когда при разработке веб-приложений требуется получить значения из строки запроса URL. Например, на странице товара в интернет-магазине, в URL может быть присутствовать идентификатор товара. Такой URL может выглядеть примерно так: www.example.com/product?id=123.

В таком случае, необходимо получить идентификатор товара (id=123), который является частью строки запроса URL. Как это сделать с помощью JavaScript, не используя плагины?

Решение с помощью JavaScript

В JavaScript для этой задачи можно использовать стандартный объект URLSearchParams. Он предоставляет удобные методы для работы со строкой запроса URL.

Вот пример его использования:

var url = new URL("http://www.example.com/product?id=123");
var id = new URLSearchParams(url.search).get("id");
console.log(id); // "123"

В этом коде создается новый объект URL с адресом страницы. Затем из этого объекта извлекается строка запроса (url.search), которая передается в конструктор URLSearchParams. После этого вызывается метод get с именем параметра, значение которого нужно получить.

Вывод

Таким образом, получение значений из строки запроса URL в JavaScript можно выполнить без использования плагинов. Это удобно и надежно, так как не требует подключения дополнительных библиотек и работает во всех современных браузерах.

Проверь как ты усвоил материалы статьи
Пройди тест и узнай насколько ты лучше других читателей

Добавить комментарий