Cómo obtener el valor del parámetro de URL en JavaScript
Este artículo discutirá los métodos para obtener el valor del parámetro de URL en JavaScript.
Cómo obtener el valor del parámetro de URL en JavaScript?
Para obtener el valor de los parámetros de URL en JavaScript, se pueden utilizar los siguientes enfoques:
- "dividir()"Método con"para" bucle
- UrlsearchParams" Objeto
Pasar por los métodos discutidos uno por uno!
Método 1: Obtener valor de parámetro URL en JavaScript usando el método "Split ()" con el bucle "para"
El "dividir()El método "divide una cadena dada en una matriz de subcadenas sin ningún cambio en la cadena original. Este método se puede aplicar a una URL dada en dos partes, y se puede usar un bucle for para controlar la iteración con la ayuda de la propiedad de longitud para obtener todos los valores de los parámetros.
Sintaxis
cadena.división (separador, límite)Aquí, "separador"Se refiere a la cadena que debe dividirse y"límite"Es un número que representa los límites divididos.
Consulte el siguiente ejemplo para comprender el concepto declarado.
Ejemplo
En el siguiente ejemplo, crearemos un botón y adjuntaremos un evento de OnClick con él que accedirá al "GetParameters ()" función:
Ahora, definiremos la función getParameters (). En su definición, se agrega una URL de un dominio de ejemplo que se accederá y almacenará en una variable llamada "geturl". A continuación, la URL especificada se dividirá en dos partes usando "?"Como separador y"1"Como el límite, y"Y"Luego separará cada cadena de parámetros y la almacenará en el"parámetros"Array.
Después, "paraEl bucle se aplicará de tal manera que cada uno de los parámetros y su valor se mostrarán en la consola:
función getParameters ()Deje getUrl = "https: // ejemplo.com/?producto = camisas y color = blanco y usuario = anónimo & size = s ";
Deje que GetParameters = GetUrl.dividir('?') [1];
LetParams = GetParameters.dividir('&');
para (deja i = 0; yo
consola.log (valor [0], valor [1]);
La salida de la implementación anterior dará como resultado lo siguiente:
Eso se trataba de acceder a todos los valores de parámetros a la vez. Sin embargo, si desea obtener un valor de un parámetro específico, muévase a la siguiente sección!
Método 2: Obtener valor de parámetro de URL en JavaScript con el objeto URLSearchParams
El "UrlsearchParams"También se puede utilizar para obtener la URL especificada utilizando un objeto y obtener un valor particular contra el atributo correspondiente.
Revisar el siguiente ejemplo para una mayor demostración.
Ejemplo
Primero, incluya un botón con un "al hacer clic"Evento que accederá a la función especificada como se discute en el método anterior:
A continuación, se definirá una función llamada urlParameter (). Aquí un nuevo objeto llamado "UrlsearchParams"Se crea, que accederá a la URL especificada que se refiere al dominio de ejemplo. Finalmente, muestre todos los valores correspondientes al atributo especificado. En nuestro caso,
función urlparameter ()Deje getURL = new URLSearchParams ("https: // ejemplo.com/?producto = camisas y color = blanco y usuario = anónimo & size = s ")
consola.registro (getURl.get ('user'));
Producción
En la salida anterior, se puede observar que el "anónimo"El valor se obtiene para el"usuarioParámetro.
Hemos ilustrado diferentes métodos para obtener valores de parámetros de URL en JavaScript.
Conclusión
Para obtener el valor de los parámetros de URL en JavaScript, utilice el "dividir()"Método con el"paraBucle para dividir la URL especificada, separe cada valor del parámetro y muestrelos agregando la condición requerida contra sus atributos correspondientes. También el "UrlsearchParamsEl método de objeto se puede utilizar para crear un nuevo objeto y extraer el valor de un atributo específico. Este artículo ha demostrado los métodos para obtener valores de parámetros de URL en JavaScript.