Obtener los valores de los parámetros GET

Al probar un sitio web, puede haber un requisito en el fin del desarrollador para redirigir a las páginas web contenidas en el sitio al instante. Por ejemplo, reemplazar los valores específicos en la URL para cambiar a diferentes páginas. En tal caso, escenarios, obtener los valores de los parámetros GET en JavaScript es de gran ayuda para navegar a una página web relacionada o un sitio de manera efectiva.

Este artículo ilustrará los enfoques para obtener los valores de los parámetros GET en JavaScript.

Cómo obtener los valores de los parámetros GET usando JavaScript?

Para obtener los valores de los parámetros GET en JavaScript, use el "conseguir()"Método y"Url ()"Constructor en combinación con los siguientes enfoques:

• "UrlsearchParams ()"Constructor.
• "Searchparams" propiedad.

Método 1: Obtener el valor de los parámetros GET utilizando el constructor "URLSearchParams ()" en JavaScript

El "conseguir()El método "proporciona un elemento del objeto mapeado. El "Url ()"El constructor proporciona el objeto URL recién creado, y el"UrlsearchParams ()"El constructor devuelve un nuevo objeto URLSearchParams. Estos enfoques se pueden implementar para crear un nuevo objeto URL y obtener el valor de URL correspondiente en función del parámetro aprobado.

Sintaxis

elemento.obtener la clave)

En esta sintaxis, "llave"Corresponde a la clave de elemento del mapa que debe devolverse.

Ejemplo

Vamos a ver las líneas de código establecidas a continuación:

En el fragmento de código anterior:

• En primer lugar, cree un nuevo objeto de URL que tenga la URL establecida a través del "nuevo"Palabra clave y la"Url ()"Constructor, respectivamente.
• En el siguiente paso, del mismo modo, cree un nuevo objeto URLSearchParams. Pasar la URL especificada como su parámetro. Además, asocie el "buscar()Método con él para obtener la posición del primer partido.
• Por último, aplique el "conseguir()"Método refiriéndose al último objeto creado.
• En su parámetro (método), obtenga el valor correspondiente en función del parámetro aprobado.

Producción

En la salida, se puede ver que el valor correspondiente se ha obtenido con éxito.

Método 2: Obtener el valor de los parámetros GET utilizando la propiedad "SearchParams" en JavaScript

El "Searchparams"La propiedad ofrece un objeto URLSearchParams. Esta propiedad se puede utilizar en combinación con los enfoques discutidos para obtener el valor definido por el usuario correspondiente en la URL.

Ejemplo

Vamos a ver las líneas de código proporcionadas a continuación:

En el bloque de código anterior:

• En primer lugar, inicialice dos variables que tengan los valores de cadena establecidos.
• En el siguiente paso, especifique la URL pasando los valores inicializados.
• Después de eso, cree un nuevo objeto URL y pase la URL especificada.
• Finalmente, aplique el "Searchparams"Propiedad y la"conseguir()Método "en combinación para obtener el valor de la cadena pasada contra el parámetro puntiagudo y mostrarlo en la consola.

Producción

En la salida anterior, es evidente que se cumple el requisito deseado.

Conclusión

Para obtener los valores de los parámetros GET en JavaScript, use el "conseguir()"Método y"Url () " constructor en combinación con el "UrlsearchParams ()"Constructor o el"Searchparams" propiedad. Estos enfoques se pueden utilizar para obtener los valores correspondientes o pasados ​​de la URL en función de los parámetros aprobados en el "conseguir()Método con la ayuda de ejemplos. Este artículo sobre los enfoques para obtener el valor de los parámetros GET en JavaScript.