See ajaveeb määratleb päringustringi väärtuste hankimise protseduuri JavaScriptis.
Kuidas saada JavaScriptis päringu stringi väärtusi?
Päringustringi väärtuste hankimiseks JavaScriptis kasutage järgmisi meetodeid.
- Kasutage URL-i API-t koos meetodiga get().
- URLSearchParams meetodiga get().
- URLSearchParams väärtused() meetodiga
1. meetod: hankige päringustringi väärtused URL-i API abil Get() meetodiga
Kasuta ' URL API ' koos ' saada () ” meetod päringustringi väärtuste saamiseks JavaScriptis. URL (Uniform Resource Locator) on viis konkreetse Interneti-ressursi leidmiseks. Tavaliselt koosneb see protokollist (nagu ' http ” või „ https “), domeeninimi (nt “ example.com “) ja tee (nt /tee/ressurssi “). URL-e kasutatakse veebilehtedele juurdepääsuks, failide allalaadimiseks ja muudele ressurssidele, sealhulgas päringustringi väärtustele Internetis juurdepääsemiseks.
Näide
Looge muutuja, mis salvestab päringustringidega URL-i:
oli urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
Kutsuge URL-i objekt, edastades ' urlQueryString ”:
oli queryString = uus URL ( urlQueryString ) ;
Kasutage meetodit get(), edastades võtme ' märksõna ”, et saada selle väärtus atribuudiga searchParams. URL-i objekti atribuut searchParams JavaScriptis esindab URL-i päringutringi. See annab võimaluse manipuleerida URL-i päringustringiga objektina, mitte stringina:
oli väärtus1 = queryString. searchParams . saada ( 'märksõna' ) ;konsool. logi ( 'Märksõna väärtus: ' + väärtus1 ) ;
Hankige päringustringist teine väärtus, edastades selle võtme meetodile get() ja prindib konsoolile:
oli väärtus2 = queryString. searchParams . saada ( 'täisnimi' ) ;
konsool. logi ( 'täisnime väärtus: ' + väärtus2 ) ;
Sarnaselt hankige stringi kolmas väärtus:
oli väärtus3 = queryString. searchParams . saada ( 'klõpsake' ) ;konsool. logi ( 'kliki väärtus: ' + väärtus3 ) ;
On näha, et päringustringi väärtused on edukalt hangitud:
2. meetod: hankige päringustringi väärtused URLSearchParamsi abil Get() meetodiga
' URLSearchParams ” liidest saab JavaScriptis kasutada päringustringist väärtuste hankimiseks. See hindab URL-i päringustringi ja pakub väärtustele juurdepääsu meediumi. Pange tähele, et peaksite saatma ainult URL-i päringustringi osa, mille saate hankida kasutades ' aken.asukoht.otsing ” parameetrina URLSearchParams().
Näide
Looge muutuja, mis salvestab päringustringi:
Edastage string ' URLSearchParams ” liides:
oli queryString = uus URLSearchParams ( urlQueryString ) ;Hankige võtme väärtus ' täisnimi ' päringustringist, kasutades ' saada () ” meetod:
oli väärtus1 = queryString. saada ( 'täisnimi' ) ;konsool. logi ( 'täisnime väärtus: ' + väärtus1 ) ;
Väljund
Märge : Kasutage ' const queryString = uus URL SearchParams(window.location.search) ” reaalajas/praeguse URL-i hankimiseks.
Pärast praeguse URL-i saamist hankige sellest päringustring, looge URLSearchParamsi eksemplar ja edastage sellele päringustring. Lõpuks hankige meetodiga get() päringustringis konkreetse parameetri väärtus.
2. meetod: hankige päringustringi väärtused URLSearchParamsi abil Value() meetodiga
Võite kasutada ka ' väärtused() ” meetodit URLSearchParams liidesega päringustringi väärtuste toomiseks. See aitab pääseda juurde kõikidele stringi väärtustele korraga.
Näide
Edastage päringustring URLSearchParamsi liidesele ja salvestage see muutujasse ' queryString ”:
Kutsuge väärtuste () meetodit jaotises ' jaoks ” tsükkel, et saada kõik päringustringi väärtused:
jaoks ( konst queryStringi väärtus. väärtused ( ) ) {konsool. logi ( väärtus ) ;
}
Võib täheldada, et kõik stringiväärtused on hangitud:
See kõik puudutab päringustringi väärtuste hankimist JavaScriptis.
Järeldus
Päringu stringi väärtuste saamiseks kasutage ' URL API ' koos ' saada () ' meetod ja ' searchParam ” atribuut. URL-i objekti atribuut searchParams JavaScriptis esindab URL-i päringutringi. Võite kasutada ka ' URLSearchParams ' liides rakendusega ' saada () ' meetod või ' väärtused() ” meetod. Selles ajaveebis kirjeldati päringustringi väärtuste hankimise protseduuri JavaScriptis.