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

Kak Da Polucite Stojnosti Na Niz Na Zaavka V Javascript



Стойностите на низа на заявката в URL често дават информация за заявката, като параметри за търсене. Низът за заявка може да се използва за заявка на уеб страница, използваща HTTP протокола. Понякога може да се наложи да извлечете атрибути на низ на заявка във вашия скрипт. Освен това, знанието как да извлечете данните от низа на заявката от URL е от съществено значение, ако в предния край се обработва някаква логика на бизнес или заявка.

Този блог ще дефинира процедурата за получаване на стойностите на низа на заявката в JavaScript.

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

За да получите стойностите на низа на заявката в JavaScript, използвайте следните методи:







Метод 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().

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

беше urlQueryString = 'keyword=Текст за търсене &fullname=jennyConvey &click=Изпращане' ;

Предайте низа на „ URLSearchParams ” интерфейс:

беше queryString = нов URLSearchParams ( urlQueryString ) ;

Вземете стойността на ключа ' пълно име ” от низа на заявката с помощта на „ получи() ” метод:

беше стойност1 = queryString. получавам ( 'пълно име' ) ;
конзола. дневник ( 'стойност на пълното име: ' + стойност1 ) ;

Изход

Забележка : Използвайте „ const queryString = нов URLSearchParams(window.location.search) ” за получаване на жив/текущ URL адрес.

След като получите текущия URL адрес, вземете низа на заявката от него, създайте екземпляр на URLSearchParams и му предайте низа на заявката. И накрая, вземете стойността на конкретен параметър в низа на заявката, като използвате метода get().

Метод 2: Вземете стойности на низ на заявка с помощта на URLSearchParams с метода values()

Можете също да използвате „ стойности() ” с интерфейса URLSearchParams за извличане на стойностите на низа на заявката. Помага за достъп до всички стойности на низа наведнъж.

Пример
Предайте низа на заявката към интерфейса URLSearchParams и го запазете в променлива ' queryString ”:

беше queryString = нов URLSearchParams ( urlQueryString ) ;

Извикайте метода values() в „ за ”, за да получите всички стойности на низа на заявката:

за ( конст стойност на queryString. стойности ( ) ) {
конзола. дневник ( стойност ) ;
}

Може да се види, че всички стойности на низа са извлечени:

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

Заключение

За да получите стойностите на низа на заявката, използвайте „ URL API ” с „ получи() ' метод и ' searchParam ' атрибут. Свойството searchParams на URL обекта в JavaScript представлява низа на заявката на URL. Можете също да използвате „ URLSearchParams ' интерфейс с ' получи() ' метод или ' стойности() ” метод. Този блог описва процедурата за получаване на стойностите на низа на заявката в JavaScript.