Come superare le variabili JavaScript nell'URL?

Nella fase di programmazione di JavaScript, possono esserci situazioni in cui lo sviluppatore deve aggiungere le variabili JavaScript nell'URL in qualche caso. Più specificamente, mentre si tratta di un sito che accumula più pagine Web. In tal caso, passare le variabili JavaScript nell'URL è efficace nel reindirizzare e accedere a tutte le pagine Web su richiesta.

Questo articolo approfondirà l'approccio per passare le variabili JavaScript in un URL.

Come superare le variabili JavaScript nell'URL?

Per passare le variabili nell'URL usando JavaScript, applica il “SearchParams"Proprietà in combinazione con il"PushState ()" E "substring ()"Metodi.

Come passare le variabili JavaScript nell'URL impostando i valori della stringa inizializzati?

IL "finestra.posizione.Href"La proprietà recupera l'URL della pagina corrente. IL "SearchParamsLa proprietà "dà un"UrlsearchParams"Oggetto. IL "storia.PushState ()"Il metodo aggiunge un record allo stack della cronologia della sessione del browser. IL "diviso()"Il metodo divide la stringa associata in un array e il"substring ()"Il metodo estrae caratteri tra due indici specificati. Questi approcci possono essere utilizzati per impostare i parametri URL personalizzati passando i valori della stringa contenuti in una variabile all'URL.

Sintassi

SearchParams.set (nome, valore);

Nella sintassi sopra:

• "nome"Indica il nome del parametro.
• "valore"Significa il valore del parametro.

pushstate (valore, hist);

Nella sintassi data:

• "valore"Punta l'oggetto associato alla nuova voce.
• "Hist"È un parametro richiesto per motivi storici.

corda.substring (inizio, ultimo)

Qui:

• "inizio"Si riferisce alla posizione da cui avviare l'estrazione.
• "scorso"Indica la posizione in cui l'estrazione deve terminare, escludendola.

corda.diviso (separatore, limite)

Secondo il codice dato:

• "separatore"Si riferisce alla stringa che deve dividere.
• "limite"Indica il numero intero che limita il numero diviso.

Esempio

Passiamo attraverso la dimostrazione di seguito:

Nel blocco del codice sopra:

• In primo luogo, inizializza le variabili fornite con i valori della stringa dichiarati.
• Nel passaggio successivo, crea un nuovo oggetto URL tramite "nuovo"Parola chiave e"URL"Costruttore che si riferisce all'URL dichiarato.
• Dopodiché, associa il "SearchParams"Proprietà con il"impostato()"Metodo per impostare i valori in modo tale che quest'ultimo valore nei suoi parametri sia assegnato al primo.
• Ora, aggiungi il record allo stack di cronologia della sessione del browser tramite "PushState ()" metodo.
• Inoltre, applica il combinato "substring ()" E "diviso()"Metodi per posizionare il carattere specificato in un particolare indice, i.e., "1"Nei valori passati nell'URL.
• Infine, visualizzare i valori impostati passati nell'URL.

Produzione

Nell'output sopra, si può osservare che i valori di stringa inizializzati sono stati impostati, separati e passati nell'URL e visualizzati sulla console.

Conclusione

Per superare le variabili JavaScript nell'URL, applica il “SearchParams"Proprietà combinata con il"PushState ()" E "substring ()"Metodi. Questi approcci possono essere applicati per allocare e separare i parametri URL passando i valori di stringa inizializzati contenuti in una variabile all'URL. Questo blog ha dichiarato l'approccio per passare le variabili JavaScript nell'URL.