Ottieni i valori dai parametri GET

Durante il test di un sito Web, può esserci un requisito sulla fine dello sviluppatore per reindirizzare immediatamente le pagine Web contenute nel sito. Ad esempio, sostituire i valori specifici nell'URL per passare a pagine diverse. In tali scenari di caso, ottenere i valori dai parametri GET in JavaScript è di grande aiuto nella navigazione su una pagina Web correlata o in un sito in modo efficace.

Questo articolo illustrerà gli approcci per ottenere i valori dai parametri GET in JavaScript.

Come ottenere i valori dai parametri GET usando JavaScript?

Per ottenere i valori dai parametri GET in JavaScript, usa "Ottenere()Metodo e "Url ()"Costruttore in combinazione con i seguenti approcci:

• "UrlSearchParams ()"Costruttore.
• "SearchParams" proprietà.

Metodo 1: Ottieni il valore dai parametri GET usando il costruttore "UrlSearchParams ()" in JavaScript

IL "Ottenere()"Il metodo fornisce un elemento dall'oggetto mappato. IL "Url ()"Il costruttore fornisce l'oggetto URL appena creato e il"UrlSearchParams ()"Il costruttore restituisce un nuovo oggetto UrlSearchParams. Questi approcci possono essere implementati per creare un nuovo oggetto URL e ottenere il valore URL corrispondente in base al parametro passato.

Sintassi

elemento.Ottieni (chiave)

In questa sintassi, "chiave"Corrisponde alla chiave elemento della mappa che deve essere restituita.

Esempio

Panoramiamo le righe di codice di seguito:

Nel frammento di codice sopra:

• Prima di tutto, crea un nuovo oggetto URL con l'URL dichiarato tramite "nuovo"Parola chiave e"Url ()"Costruttore, rispettivamente.
• Nel passaggio successivo, allo stesso modo, crea un nuovo oggetto UrlSearchParams. Passare l'URL specificato come parametro. Inoltre, associare il “ricerca()"Metodo con esso per recuperare la posizione della prima partita.
• Infine, applica il “Ottenere()"Metodo facendo riferimento a quest'ultimo oggetto creato.
• Nel suo parametro (metodo), ottieni il valore corrispondente in base al parametro passato.

Produzione

Nell'output, si può vedere che il valore corrispondente è stato recuperato con successo.

Metodo 2: Ottieni il valore dai parametri GET utilizzando la proprietà "SearchParams" in JavaScript

IL "SearchParams"La proprietà fornisce un oggetto UrlSearchParams. Questa proprietà può essere utilizzata in combinazione con gli approcci discussi per far passare il valore definito dall'utente corrispondente nell'URL.

Esempio

Panoramiamo le righe di codice sotto fornite:

Nel blocco del codice sopra:

• In primo luogo, inizializza due variabili con i valori della stringa dichiarati.
• Nel passaggio successivo, specificare l'URL passando i valori inizializzati.
• Successivamente, crea un nuovo oggetto URL e passa l'URL specificato.
• Infine, applica il "SearchParams"Proprietà e"Ottenere()"Metodo in combinazione per ottenere il valore della stringa passato rispetto al parametro appuntito e visualizzarlo sulla console.

Produzione

Nell'output di cui sopra, è evidente che il requisito desiderato è soddisfatto.

Conclusione

Per ottenere i valori dai parametri GET in JavaScript, usa "Ottenere()Metodo e "Url () " costruttore in combinazione con "UrlSearchParams ()"Costruttore o il"SearchParams" proprietà. Questi approcci possono essere utilizzati per ottenere i valori corrispondenti o passati dall'URL in base ai parametri passati nel "Ottenere()"Metodo con l'aiuto di esempi. Questo articolo ha discusso degli approcci per ottenere il valore dai parametri GET in JavaScript.