Този блог ще дефинира процедурата за получаване на стойностите на низа на заявката в JavaScript.
Как да получите стойности на низ на заявка в JavaScript?
За да получите стойностите на низа на заявката в JavaScript, използвайте следните методи:
- Използвайте URL API с метода get().
- URLSearchParams с метода get().
- URLSearchParams с метода values().
Метод 1: Получаване на стойности на низ на заявка с помощта на URL API с метода get().
Използвай ' URL API ” с „ получи() ”, за да получите стойностите на низа на заявката в JavaScript. URL (Uniform Resource Locator) е начин за намиране на определен интернет ресурс. Обикновено се състои от протокол (като „ http ' или ' https “), име на домейн (като „ example.com “) и път (като „ /път/към/ресурс “). URL адресите се използват за достъп до уеб страници, изтегляне на файлове и достъп до други ресурси, включително стойности на низове за заявки в интернет.
Пример
Създайте променлива, която съхранява URL адреса с низове на заявка:
беше urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
Извикайте URL обекта, като подадете „ urlQueryString ”:
беше queryString = нов URL адрес ( urlQueryString ) ;
Използвайте метода get(), като подадете ключа „ ключова дума ” на заявката, за да получите нейната стойност с атрибута searchParams. Свойството searchParams на URL обекта в JavaScript представлява низа на заявката на URL. Той предоставя начин за манипулиране на низа на заявката на URL като обект, а не като низ:
беше стойност1 = queryString. searchParams . получавам ( 'ключова дума' ) ;конзола. дневник ( 'стойност на ключова дума: ' + стойност1 ) ;
Вземете втората стойност от низа на заявката, като предадете ключа му на метода get() и отпечатате на конзолата:
беше стойност2 = queryString. searchParams . получавам ( 'пълно име' ) ;
конзола. дневник ( 'стойност на пълното име: ' + стойност2 ) ;
По същия начин извлечете третата стойност в низа:
беше стойност3 = queryString. searchParams . получавам ( 'клик' ) ;конзола. дневник ( 'стойност на кликване: ' + стойност3 ) ;
Може да се види, че стойностите на низа на заявката са извлечени успешно:
Метод 2: Получаване на стойности на низ на заявка с помощта на URLSearchParams с метода get()
„ URLSearchParams ” може да се използва в JavaScript за извличане на стойностите от низа на заявката. Той оценява низа на заявката на URL адреса и предлага среда за достъп до стойностите. Имайте предвид, че трябва да изпращате само частта от низа на заявката от URL адреса, която можете да извлечете, като използвате „ прозорец.местоположение.търсене ” като параметър на URLSearchParams().
Пример
Създайте променлива, която съхранява низа на заявката:
Предайте низа на „ URLSearchParams ” интерфейс:
беше queryString = нов URLSearchParams ( urlQueryString ) ;Вземете стойността на ключа ' пълно име ” от низа на заявката с помощта на „ получи() ” метод:
беше стойност1 = queryString. получавам ( 'пълно име' ) ;конзола. дневник ( 'стойност на пълното име: ' + стойност1 ) ;
Изход
Забележка : Използвайте „ const queryString = нов URLSearchParams(window.location.search) ” за получаване на жив/текущ URL адрес.
След като получите текущия URL адрес, вземете низа на заявката от него, създайте екземпляр на URLSearchParams и му предайте низа на заявката. И накрая, вземете стойността на конкретен параметър в низа на заявката, като използвате метода get().
Метод 2: Вземете стойности на низ на заявка с помощта на URLSearchParams с метода values()
Можете също да използвате „ стойности() ” с интерфейса URLSearchParams за извличане на стойностите на низа на заявката. Помага за достъп до всички стойности на низа наведнъж.
Пример
Предайте низа на заявката към интерфейса URLSearchParams и го запазете в променлива ' queryString ”:
Извикайте метода values() в „ за ”, за да получите всички стойности на низа на заявката:
за ( конст стойност на queryString. стойности ( ) ) {конзола. дневник ( стойност ) ;
}
Може да се види, че всички стойности на низа са извлечени:
Това е всичко за получаване на стойностите на низа на заявката в JavaScript.
Заключение
За да получите стойностите на низа на заявката, използвайте „ URL API ” с „ получи() ' метод и ' searchParam ' атрибут. Свойството searchParams на URL обекта в JavaScript представлява низа на заявката на URL. Можете също да използвате „ URLSearchParams ' интерфейс с ' получи() ' метод или ' стойности() ” метод. Този блог описва процедурата за получаване на стойностите на низа на заявката в JavaScript.