Как получить значения строки запроса в JavaScript

Kak Polucit Znacenia Stroki Zaprosa V Javascript



Значения строки запроса в URL-адресе часто содержат информацию о запросе, например параметры поиска. Строка запроса может использоваться для запроса веб-страницы с использованием протокола HTTP. Иногда вам может понадобиться получить атрибуты строки запроса в вашем скрипте. Кроме того, знание того, как извлечь данные строки запроса из URL-адреса, необходимо, если во внешнем интерфейсе обрабатывается какая-либо бизнес-логика или логика запроса.

В этом блоге будет определена процедура получения значений строки запроса в JavaScript.

Как получить значения строки запроса в JavaScript?

Чтобы получить значения строки запроса в JavaScript, используйте следующие методы:







Способ 1: получение значений строки запроса с помощью API URL с помощью метода get()

Использовать ' URL API ” с “ получать() », чтобы получить значения строки запроса в JavaScript. URL-адрес (унифицированный указатель ресурсов) — это способ найти определенный интернет-ресурс. Обычно он состоит из протокола (например, « http ' или ' https “), доменное имя (например, “ пример.com “) и путь (например, “ /путь/к/ресурсу “). URL-адреса используются для доступа к веб-страницам, загрузки файлов и доступа к другим ресурсам, включая значения строки запроса в Интернете.



Пример
Создайте переменную, в которой хранится URL-адрес со строками запроса:



был urlQueryString знак равно 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;

Вызовите объект URL, передав « urlQueryString ”:





был Строка запроса знак равно новый URL-адрес ( urlQueryString ) ;

Используйте метод get(), передав ключ « ключевое слово ” запроса, чтобы получить его значение с помощью атрибута searchParams. Свойство searchParams объекта URL в JavaScript представляет строку запроса URL. Он предоставляет способ манипулировать строкой запроса URL как объектом, а не строкой:

был значение1 знак равно Строка запроса. searchParams . получать ( 'ключевое слово' ) ;
консоль. журнал ( 'значение ключевого слова:' + значение1 ) ;

Получите второе значение из строки запроса, передав его ключ методу get() и выведя на консоль:



был значение2 знак равно Строка запроса. searchParams . получать ( 'ФИО' ) ;
консоль. журнал ( 'значение полного имени:' + значение2 ) ;

Аналогичным образом извлеките третье значение в строке:

был значение3 знак равно Строка запроса. searchParams . получать ( 'щелкнуть' ) ;
консоль. журнал ( 'Ценность клика:' + значение3 ) ;

Видно, что значения строки запроса успешно получены:

Способ 2: получение значений строки запроса с помощью URLSearchParams с помощью метода get()

URLSearchParams ” можно использовать в JavaScript для извлечения значений из строки запроса. Он оценивает строку запроса URL-адреса и предлагает средство для доступа к значениям. Обратите внимание, что вы должны отправлять только часть строки запроса URL-адреса, которую вы можете получить, используя « окно.местоположение.поиск ” в качестве параметра URLSearchParams().

Пример
Создайте переменную, в которой хранится строка запроса:

был urlQueryString знак равно 'keyword=SearchText &fullname=jennyConvey &click=Отправить' ;

Передайте строку в « URLSearchParams интерфейс:

был Строка запроса знак равно новый URLSearchParams ( urlQueryString ) ;

Получить значение ключа « ФИО ' из строки запроса с помощью ' получать() метод:

был значение1 знак равно Строка запроса. получать ( 'ФИО' ) ;
консоль. журнал ( 'значение полного имени:' + значение1 ) ;

Вывод

Примечание : Использовать ' const queryString = new URLSearchParams(window.location.search) ” для получения действующего/текущего URL.

После получения текущего URL-адреса извлеките из него строку запроса, создайте экземпляр URLSearchParams и передайте ему строку запроса. Наконец, получите значение определенного параметра в строке запроса, используя метод get().

Способ 2: получение значений строки запроса с помощью URLSearchParams с помощью метода values()

Вы также можете использовать « значения() ” с интерфейсом URLSearchParams для получения значений строки запроса. Это помогает получить доступ ко всем значениям строки одновременно.

Пример
Передайте строку запроса в интерфейс URLSearchParams и сохраните ее в переменной « Строка запроса ”:

был Строка запроса знак равно новый URLSearchParams ( urlQueryString ) ;

Вызовите метод values() в « за », чтобы получить все значения строки запроса:

за ( константа значение строки запроса. значения ( ) ) {
консоль. журнал ( ценить ) ;
}

Можно заметить, что все строковые значения были выбраны:

Вот и все, что касается получения значений строки запроса в JavaScript.

Заключение

Для получения значений строки запроса используйте « URL API ” с “ получать() 'метод' и ' searchParam атрибут. Свойство searchParams объекта URL в JavaScript представляет строку запроса URL. Вы также можете использовать « URLSearchParams ” интерфейс с “ получать() 'метод' или ' значения() метод. В этом блоге описана процедура получения значений строки запроса в JavaScript.