Šiame tinklaraštyje bus apibrėžta užklausos eilutės reikšmių gavimo „JavaScript“ tvarka.
Kaip gauti užklausos eilutės reikšmes „JavaScript“?
Norėdami gauti „JavaScript“ užklausos eilutės reikšmes, naudokite šiuos metodus:
- Naudokite URL API su get() metodu
- URLSearchParams naudojant get() metodą
- URLSearchParams su Value() metodu
1 būdas: gaukite užklausos eilutės reikšmes naudodami URL API naudodami get() metodą
Naudoti ' URL API ' su ' gauti () “ metodą, norėdami gauti užklausos eilutės reikšmes „JavaScript“. URL (Uniform Resource Locator) yra būdas rasti konkretų interneto šaltinį. Paprastai jį sudaro protokolas (pvz. http “ arba „ https “), domeno vardas (pvz., „ example.com “), ir kelias (pvz., „ /path/to/resource “). URL naudojami norint pasiekti tinklalapius, atsisiųsti failus ir pasiekti kitus išteklius, įskaitant užklausos eilutės reikšmes internete.
Pavyzdys
Sukurkite kintamąjį, kuriame saugomas URL su užklausos eilutėmis:
buvo urlQueryString = „https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit“ ;
Iškvieskite URL objektą perduodami „ urlQueryString “:
buvo queryString = naujas URL ( urlQueryString ) ;
Naudokite get() metodą perduodami raktą ' raktažodį “ užklausos, kad gautumėte jos vertę su atributu searchParams. „JavaScript“ URL objekto ypatybė searchParams reiškia URL užklausos eilutę. Tai yra būdas manipuliuoti URL užklausos eilute kaip objektu, o ne eilute:
buvo vertė1 = queryString. SearchParams . gauti ( 'raktinis žodis' ) ;konsolė. žurnalas ( 'Raktinio žodžio vertė: ' + vertė1 ) ;
Gaukite antrąją reikšmę iš užklausos eilutės, perduodami jos raktą get() metodui ir išspausdinkite konsolėje:
buvo vertė2 = queryString. SearchParams . gauti ( 'pilnas vardas' ) ;
konsolė. žurnalas ( 'pilno vardo reikšmė: ' + vertė2 ) ;
Panašiai gaukite trečiąją eilutės reikšmę:
buvo vertė3 = queryString. SearchParams . gauti ( 'spausti' ) ;konsolė. žurnalas ( 'paspaudimo vertė: ' + vertė3 ) ;
Matyti, kad užklausos eilutės reikšmės buvo sėkmingai nuskaitytos:
2 būdas: gaukite užklausos eilutės reikšmes naudodami URLSearchParams su get() metodu
„ URL SearchParams “ sąsaja gali būti naudojama „JavaScript“, norint gauti reikšmes iš užklausos eilutės. Jis įvertina URL užklausos eilutę ir siūlo terpę prieiti prie verčių. Atminkite, kad turėtumėte siųsti tik URL užklausos eilutės dalį, kurią galite gauti naudodami „ langas.vieta.paieška “ kaip parametrą URLSearchParams().
Pavyzdys
Sukurkite kintamąjį, kuris saugo užklausos eilutę:
Perduokite eilutę į ' URL SearchParams “ sąsaja:
buvo queryString = naujas URL SearchParams ( urlQueryString ) ;Gaukite rakto vertę “ pilnas vardas ' iš užklausos eilutės naudodami ' gauti () “ metodas:
buvo vertė1 = queryString. gauti ( 'pilnas vardas' ) ;konsolė. žurnalas ( 'pilno vardo reikšmė: ' + vertė1 ) ;
Išvestis
Pastaba : Naudokite ' const queryString = naujas URL SearchParams(window.location.search) “, kad gautumėte tiesioginį / dabartinį URL.
Gavę dabartinį URL, gaukite iš jo užklausos eilutę, sukurkite URLSearchParams egzempliorių ir perduokite jam užklausos eilutę. Galiausiai gaukite konkretaus parametro reikšmę užklausos eilutėje naudodami get() metodą.
2 būdas: gaukite užklausos eilutės reikšmes naudodami URLSearchParams Su reikšmės() metodu
Taip pat galite naudoti „ reikšmės () “ metodą su URLSearchParams sąsaja, kad gautumėte užklausos eilutės reikšmes. Tai padeda pasiekti visas eilutės reikšmes vienu metu.
Pavyzdys
Perduokite užklausos eilutę URLSearchParams sąsajai ir išsaugokite ją kintamajame ' queryString “:
Iškvieskite vertės() metodą „ dėl “ kilpa, kad gautumėte visas užklausos eilutės reikšmes:
dėl ( konst queryString reikšmė. vertybes ( ) ) {konsolė. žurnalas ( vertė ) ;
}
Galima pastebėti, kad buvo gautos visos eilutės reikšmės:
Viskas apie tai, kaip gauti užklausos eilutės reikšmes „JavaScript“.
Išvada
Norėdami gauti užklausos eilutės reikšmes, naudokite „ URL API ' su ' gauti () “ metodas ir „ searchParam “ atributas. „JavaScript“ URL objekto ypatybė searchParams reiškia URL užklausos eilutę. Taip pat galite naudoti „ URL SearchParams ' sąsaja su ' gauti () “ metodas arba „ reikšmės () “ metodas. Šiame tinklaraštyje aprašyta „JavaScript“ užklausos eilutės reikšmių gavimo procedūra.