Часто возникают ситуации, когда при разработке веб-приложений требуется получить значения из строки запроса 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 можно выполнить без использования плагинов. Это удобно и надежно, так как не требует подключения дополнительных библиотек и работает во всех современных браузерах.
Добавить комментарий