В этом блоге будет определена процедура получения значений строки запроса в JavaScript.
Как получить значения строки запроса в JavaScript?
Чтобы получить значения строки запроса в JavaScript, используйте следующие методы:
- Используйте API URL с методом get()
- URLSearchParams с помощью метода get()
- URLSearchParams с методом values()
Способ 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().
Пример
Создайте переменную, в которой хранится строка запроса:
Передайте строку в « URLSearchParams интерфейс:
был Строка запроса знак равно новый URLSearchParams ( urlQueryString ) ;Получить значение ключа « ФИО ' из строки запроса с помощью ' получать() метод:
был значение1 знак равно Строка запроса. получать ( 'ФИО' ) ;консоль. журнал ( 'значение полного имени:' + значение1 ) ;
Вывод
Примечание : Использовать ' const queryString = new URLSearchParams(window.location.search) ” для получения действующего/текущего URL.
После получения текущего URL-адреса извлеките из него строку запроса, создайте экземпляр URLSearchParams и передайте ему строку запроса. Наконец, получите значение определенного параметра в строке запроса, используя метод get().
Способ 2: получение значений строки запроса с помощью URLSearchParams с помощью метода values()
Вы также можете использовать « значения() ” с интерфейсом URLSearchParams для получения значений строки запроса. Это помогает получить доступ ко всем значениям строки одновременно.
Пример
Передайте строку запроса в интерфейс URLSearchParams и сохраните ее в переменной « Строка запроса ”:
Вызовите метод values() в « за », чтобы получить все значения строки запроса:
за ( константа значение строки запроса. значения ( ) ) {консоль. журнал ( ценить ) ;
}
Можно заметить, что все строковые значения были выбраны:
Вот и все, что касается получения значений строки запроса в JavaScript.
Заключение
Для получения значений строки запроса используйте « URL API ” с “ получать() 'метод' и ' searchParam атрибут. Свойство searchParams объекта URL в JavaScript представляет строку запроса URL. Вы также можете использовать « URLSearchParams ” интерфейс с “ получать() 'метод' или ' значения() метод. В этом блоге описана процедура получения значений строки запроса в JavaScript.