Kā iegūt vaicājuma virknes vērtības JavaScript

Vaicājuma virknes vērtības URL bieži sniedz informāciju par pieprasījumu, piemēram, meklēšanas parametrus. Vaicājuma virkni var izmantot, lai pieprasītu tīmekļa lapu, izmantojot HTTP protokolu. Reizēm var būt nepieciešams ienest vaicājuma virknes atribūti savā skriptā. Turklāt ir svarīgi zināt, kā no URL izvilkt vaicājuma virknes datus, ja priekšgalā tiek apstrādāta jebkura biznesa vai pieprasījuma loģika.

Šajā emuārā tiks noteikta procedūra vaicājuma virknes vērtību iegūšanai JavaScript.

Kā iegūt vaicājuma virknes vērtības JavaScript?

Lai iegūtu vaicājuma virknes vērtības JavaScript, izmantojiet šādas metodes:

Izmantojiet URL API ar metodi get().
URLSearchParams ar metodi get().
URLSearchParams ar vērtību() metodi

1. metode: iegūstiet vaicājuma virknes vērtības, izmantojot URL API, izmantojot metodi get()

Izmantojiet ' URL API ' Ar ' gūt() ” metodi, lai iegūtu vaicājuma virknes vērtības JavaScript. URL (vienotais resursu meklētājs) ir veids, kā atrast konkrētu interneta resursu. Tas parasti sastāv no protokola (piemēram, http ” vai “ https '), domēna vārds (piemēram, ' example.com '), un ceļš (piemēram, ' /ceļš/uz/resurss '). URL tiek izmantoti, lai piekļūtu tīmekļa lapām, lejupielādētu failus un piekļūtu citiem resursiem, tostarp vaicājuma virkņu vērtībām internetā.

Piemērs
Izveidojiet mainīgo, kas saglabā URL ar vaicājuma virknēm:

bija urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;

Izsauciet URL objektu, nododot ' urlQueryString ”:

bija queryString = jauns URL ( urlQueryString ) ;

Izmantojiet metodi get(), nododot atslēgu ' atslēgvārds ”, lai iegūtu tā vērtību, izmantojot atribūtu searchParams. URL objekta rekvizīts searchParams JavaScript apzīmē URL vaicājuma virkni. Tas nodrošina veidu, kā manipulēt ar URL vaicājuma virkni kā objektu, nevis virkni.

bija vērtība1 = queryString. searchParams . gūt ( 'atslēgvārds' ) ;
konsole. žurnāls ( 'Atslēgvārda vērtība: ' + vērtība1 ) ;

Iegūstiet otro vērtību no vaicājuma virknes, nododot tās atslēgu get() metodei un izdrukājiet konsolē:

bija vērtība2 = queryString. searchParams . gūt ( 'pilnais vārds' ) ;
konsole. žurnāls ( 'pilna vārda vērtība: ' + vērtība2 ) ;

Līdzīgi iegūstiet virknes trešo vērtību:

bija vērtība3 = queryString. searchParams . gūt ( 'klikšķis' ) ;
konsole. žurnāls ( 'klikšķa vērtība:' + vērtība3 ) ;

Var redzēt, ka vaicājuma virknes vērtības ir veiksmīgi izgūtas:

2. metode: iegūstiet vaicājuma virknes vērtības, izmantojot URLSearchParams, izmantojot metodi get().

' URLSearchParams ” interfeisu var izmantot JavaScript, lai izgūtu vērtības no vaicājuma virknes. Tas novērtē URL vaicājuma virkni un piedāvā vidi, lai piekļūtu vērtībām. Ņemiet vērā, ka jums ir jānosūta tikai URL vaicājuma virknes daļa, kuru varat izgūt, izmantojot window.location.search ” kā parametru URLSearchParams().

Piemērs
Izveidojiet mainīgo, kas saglabā vaicājuma virkni:

bija urlQueryString = 'keyword=SearchText &fullname=jennyConvey &click=Iesniegt' ;

Nododiet virkni uz ' URLSearchParams ” interfeiss:

bija queryString = jauns URLSearchParams ( urlQueryString ) ;

Iegūstiet atslēgas vērtību ' pilnais vārds ' no vaicājuma virknes, izmantojot ' gūt() ” metode:

bija vērtība1 = queryString. gūt ( 'pilnais vārds' ) ;
konsole. žurnāls ( 'pilna vārda vērtība: ' + vērtība1 ) ;

Izvade

Piezīme : izmantojiet “ const queryString = jauns URL SearchParams(window.location.search) ”, lai iegūtu reāllaika/pašreizējo URL.

Pēc pašreizējā URL iegūšanas iegūstiet no tā vaicājuma virkni, izveidojiet URLSearchParams gadījumu un nosūtiet tai vaicājuma virkni. Visbeidzot, iegūstiet konkrēta parametra vērtību vaicājuma virknē, izmantojot metodi get().

2. metode: iegūstiet vaicājuma virknes vērtības, izmantojot URLSearchParams, izmantojot metodi vērtības ()

Varat arī izmantot ' vērtības () ” metodi ar URLSearchParams saskarni, lai izgūtu vaicājuma virknes vērtības. Tas palīdz vienlaikus piekļūt visām virknes vērtībām.

Piemērs
Nosūtiet vaicājuma virkni URLSearchParams saskarnei un saglabājiet to mainīgajā ' queryString ”:

bija queryString = jauns URLSearchParams ( urlQueryString ) ;

Izsauciet vērtību() metodi sadaļā ' priekš ” cilpa, lai iegūtu visas vaicājuma virknes vērtības:

priekš ( konst queryString vērtība. vērtības ( ) ) {
konsole. žurnāls ( vērtību ) ;
}

Var novērot, ka ir ienestas visas virknes vērtības:

Tas viss attiecas uz vaicājuma virkņu vērtību iegūšanu JavaScript.

Secinājums

Lai iegūtu vaicājuma virknes vērtības, izmantojiet ' URL API ' Ar ' gūt() ' metode un ' searchParam ” atribūts. URL objekta rekvizīts searchParams JavaScript apzīmē URL vaicājuma virkni. Varat arī izmantot ' URLSearchParams ' saskarne ar ' gūt() ' metode vai ' vērtības () ” metode. Šajā emuārā ir aprakstīta procedūra vaicājuma virknes vērtību iegūšanai JavaScript.

Kā iegūt vaicājuma virknes vērtības JavaScript