Come ottenere valori di stringa di query in javascript

I valori della stringa di query in un URL forniscono frequentemente informazioni sulla richiesta, come i parametri di ricerca. Una stringa di query può essere utilizzata per richiedere una pagina Web utilizzando il protocollo HTTP. Occasionalmente potrebbe essere necessario recuperare gli attributi stringa di query nel tuo script. Inoltre, sapere come estrarre i dati della stringa di query dall'URL è essenziale se la logica di attività o richiesta viene gestita nel front -end.

Questo blog definirà la procedura per ottenere i valori della stringa di query in JavaScript.

Come ottenere valori di stringa di query in javascript?

Per ottenere i valori della stringa di query in JavaScript, utilizzare i seguenti metodi:

• Usa l'API URL con il metodo Get ()
• UrlSearchParams con il metodo get ()
• UrlSearchParams con il metodo valori ()

Metodo 1: ottenere valori di stringa di query usando l'API URL con il metodo get ()

Usa il "API URL" con il "Ottenere()"Metodo per ottenere i valori della stringa di query in JavaScript. Un URL (localizzatore di risorse uniforme) è un modo per trovare una risorsa Internet specifica. È in genere composto da un protocollo (come "http" O "https"), Un nome di dominio (come"esempio.com“) E un percorso (come"/Path/to/Resource"). Gli URL vengono utilizzati per accedere alle pagine Web, scaricare file e accedere ad altre risorse, inclusi i valori delle stringhe di query su Internet.

Esempio
Crea una variabile che memorizza l'URL con stringhe di query:

var urlquerystring = "https: // www.esempio.com/pagina.html?Keyword = SearchText & fullName = JennyConvey & Click = Invia ";

Chiama l'oggetto URL passando il "urlquerystring":

var queryystring = new url (urlquerystring);

Usa il metodo get () passando la chiave "parola chiave"Della query per ottenere il suo valore con l'attributo SearchParams. La proprietà SearchParams dell'oggetto URL in JavaScript rappresenta la stringa di query di un URL. Fornisce un modo per manipolare la stringa di query di un URL come oggetto piuttosto che una stringa:

var value1 = querystring.SearchParams.get ("parola chiave");
console.log ("Valore della parola chiave:" + valore1);

Ottieni il secondo valore dalla stringa di query passando la sua chiave al metodo get () e stampe sulla console:

var value2 = querystring.SearchParams.get ("fullname");
console.log ("Valore di fullname:" + value2);

Allo stesso modo, prendi il terzo valore nella stringa:

var value3 = querystring.SearchParams.ottenere ("clic");
console.log ("Valore di clic:" + valore3);

Si può vedere che i valori della stringa di query sono stati recuperati correttamente:

Metodo 2: ottieni i valori della stringa di query usando UrlSearchParams con il metodo get ()

IL "UrlsearchParams"L'interfaccia può essere utilizzata in JavaScript per recuperare i valori dalla stringa di query. Valuta una stringa di query di un URL e offre un mezzo per accedere ai valori. Si noti che è necessario inviare solo la parte della stringa di query dell'URL, che è possibile recuperare utilizzando il "finestra.posizione.ricerca"Come parametro per UrlSearchParams ().

Esempio
Crea una variabile che memorizza la stringa di query:

var urlquerystring = "key word = wearchtext & fullname = jennyconvey & click = invia";

Passa la stringa al "UrlsearchParams"Interfaccia:

var queryystring = new UrlSearchParams (UrlQueryString);

Ottieni il valore della chiave "nome e cognome"Dalla stringa di query usando"Ottenere()" metodo:

var value1 = querystring.get ("fullname");
console.log ("Valore di fullname:" + value1);

Produzione

Nota: Utilizzo "const queryystring = new UrlSearchParams (finestra.posizione.ricerca)"Per ottenere l'URL dal vivo/attuale.

Dopo aver ottenuto l'URL corrente, ottenere la stringa di query da esso, creare un'istanza di UrlSearchParams e passare la stringa di query ad essa. Infine, ottieni il valore di un parametro specifico nella stringa di query usando il metodo get ().

Metodo 2: ottieni i valori della stringa di query utilizzando UrlSearchParams con il metodo Values ​​()

Puoi anche usare il “valori()"Metodo con l'interfaccia UrlSearchParams per recuperare i valori della stringa di query. Aiuta ad accedere a tutti i valori della stringa contemporaneamente.

Esempio
Passa la stringa di query all'interfaccia UrlSearchParams e memorizzala in una variabile "stringa della domanda":

var queryystring = new UrlSearchParams (UrlQueryString);

Chiama il metodo valori () nel "per"Loop per ottenere tutti i valori della stringa di query:

per (valore const di querystring .valori())
console.log (valore);

Si può osservare che tutti i valori di stringa sono stati recuperati:

Si tratta di ottenere i valori della stringa di query in JavaScript.

Conclusione

Per ottenere i valori della stringa di query, usa il “API URL" con il "Ottenere()Metodo e "SearchParam"Attributo. La proprietà SearchParams dell'oggetto URL in JavaScript rappresenta la stringa di query di un URL. Puoi anche usare il “UrlsearchParams”Interfaccia con il"Ottenere()Metodo o "valori()" metodo. Questo blog ha descritto la procedura per ottenere i valori della stringa di query in JavaScript.