Kako dobiti vrijednosti niza upita u JavaScriptu

Vrijednosti niza upita u URL-u često daju informacije o zahtjevu, kao što su parametri pretraživanja. Niz upita može se koristiti za traženje web stranice koristeći HTTP protokol. Možda ćete povremeno morati dohvatiti atribute niza upita u svojoj skripti. Štoviše, znanje o tome kako izdvojiti podatke niza upita iz URL-a je ključno ako se u prednjem dijelu rukuje bilo kojom poslovnom logikom ili logikom zahtjeva.

Ovaj će blog definirati postupak za dobivanje vrijednosti niza upita u JavaScriptu.

Kako dobiti vrijednosti niza upita u JavaScriptu?

Za dobivanje vrijednosti niza upita u JavaScriptu koristite sljedeće metode:

Koristite URL API s metodom get().
URLSearchParams s metodom get().
URLSearchParams s metodom values().

Metoda 1: Dobivanje vrijednosti niza upita pomoću URL API-ja s metodom get().

Koristiti ' URL API ' s ' dobiti() ” za dobivanje vrijednosti niza upita u JavaScriptu. URL (Uniform Resource Locator) je način za pronalaženje određenog internetskog izvora. Obično se sastoji od protokola (kao što je ' http ' ili ' https “), naziv domene (kao što je „ primjer.com “) i put (kao što je “ /put/do/resursa “). URL-ovi se koriste za pristup web stranicama, preuzimanje datoteka i pristup drugim resursima, uključujući vrijednosti niza upita na internetu.

Primjer
Napravite varijablu koja pohranjuje URL s nizovima upita:

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

Pozovite URL objekt prosljeđivanjem ' urlQueryString ”:

bio je Niz upita = novi URL ( urlQueryString ) ;

Koristite metodu get() prosljeđivanjem ključa ' ključna riječ ” upita da biste dobili njegovu vrijednost pomoću atributa searchParams. Svojstvo searchParams URL objekta u JavaScriptu predstavlja niz upita URL-a. Omogućuje način manipuliranja nizom upita URL-a kao objektom, a ne nizom:

bio je vrijednost1 = Niz upita. searchParams . dobiti ( 'ključna riječ' ) ;
konzola. log ( 'vrijednost ključne riječi: ' + vrijednost1 ) ;

Dohvatite drugu vrijednost iz niza upita prosljeđivanjem njegovog ključa metodi get() i ispisom na konzoli:

bio je vrijednost2 = Niz upita. searchParams . dobiti ( 'puno ime' ) ;
konzola. log ( 'vrijednost punog imena: ' + vrijednost2 ) ;

Slično, dohvatite treću vrijednost u nizu:

bio je vrijednost3 = Niz upita. searchParams . dobiti ( 'klik' ) ;
konzola. log ( 'vrijednost klika: ' + vrijednost3 ) ;

Može se vidjeti da su vrijednosti niza upita uspješno dohvaćene:

Metoda 2: Dobivanje vrijednosti niza upita pomoću URLSearchParams s metodom get()

' URLSearchParams ” sučelje se može koristiti u JavaScriptu za dohvaćanje vrijednosti iz niza upita. Procjenjuje niz upita URL-a i nudi medij za pristup vrijednostima. Imajte na umu da biste trebali poslati samo dio niza upita URL-a, koji možete dohvatiti koristeći ' prozor.lokacija.pretraga ” kao parametar za URLSearchParams().

Primjer
Napravite varijablu koja pohranjuje niz upita:

bio je urlQueryString = 'keyword=SearchText &fullname=jennyConvey &click=Pošalji' ;

Proslijedite niz u ' URLSearchParams ' sučelje:

bio je Niz upita = novi URLSearchParams ( urlQueryString ) ;

Dohvati vrijednost ključa “ puno ime ' iz niza upita koristeći ' dobiti() ” metoda:

bio je vrijednost1 = Niz upita. dobiti ( 'puno ime' ) ;
konzola. log ( 'vrijednost punog imena: ' + vrijednost1 ) ;

Izlaz

Bilješka : Koristiti ' const queryString = new URLSearchParams(window.location.search) ” za dobivanje aktivnog/trenutačnog URL-a.

Nakon dobivanja trenutnog URL-a uzmite niz upita iz njega, stvorite instancu URLSearchParams i proslijedite joj niz upita. Na kraju, dohvatite vrijednost određenog parametra u nizu upita pomoću metode get().

Metoda 2: Dobivanje vrijednosti niza upita pomoću URLSearchParams s metodom values()

Također možete koristiti ' vrijednosti() ” sa sučeljem URLSearchParams za dohvaćanje vrijednosti niza upita. Pomaže u pristupu svim vrijednostima niza odjednom.

Primjer
Proslijedite niz upita sučelju URLSearchParams i pohranite ga u varijablu ' Niz upita ”:

bio je Niz upita = novi URLSearchParams ( urlQueryString ) ;

Pozovite metodu values() u ' za ” za dobivanje svih vrijednosti niza upita:

za ( konst vrijednost niza upita. vrijednosti ( ) ) {
konzola. log ( vrijednost ) ;
}

Može se uočiti da su sve vrijednosti niza dohvaćene:

To je sve o dobivanju vrijednosti niza upita u JavaScriptu.

Zaključak

Za dobivanje vrijednosti niza upita koristite ' URL API ' s ' dobiti() ' metoda i ' searchParam ” atribut. Svojstvo searchParams URL objekta u JavaScriptu predstavlja niz upita URL-a. Također možete koristiti ' URLSearchParams ' sučelje s ' dobiti() ' metoda ili ' vrijednosti() ” metoda. Ovaj je blog opisao postupak dobivanja vrijednosti niza upita u JavaScriptu.

Kako dobiti vrijednosti niza upita u JavaScriptu