Cómo pasar las variables de JavaScript en URL?

En la fase de programación de JavaScript, puede haber situaciones en las que el desarrollador necesita agregar las variables de JavaScript en la URL en algún caso. Más específicamente, mientras se trata de un sitio que acumula múltiples páginas web. En tal caso, el paso de las variables de JavaScript en la URL es efectiva para redirigir y acceder a todas las páginas web a pedido.

Este artículo explicará el enfoque para aprobar las variables de JavaScript en una URL.

Cómo pasar las variables de JavaScript en URL?

Para pasar variables en la URL usando JavaScript, aplique el "Searchparams"Propiedad en combinación con el"PushState ()" y "subcadena ()" métodos.

Cómo pasar las variables JavaScript en URL estableciendo los valores de cadena inicializados?

El "ventana.ubicación.hrefLa propiedad obtiene la URL de la página actual. El "Searchparams"La propiedad da un"UrlsearchParams" objeto. El "historia.PushState ()"El método agrega un registro a la pila de historial de sesión del navegador. El "dividir()"El método divide la cadena asociada en una matriz, y el"subcadena ()El método extrae caracteres entre dos índices especificados. Estos enfoques se pueden utilizar para establecer los parámetros de URL personalizados pasando los valores de cadena contenidos en una variable a la URL.

Sintaxis

Searchparams.establecer (nombre, valor);

En la sintaxis anterior:

• "nombre"Indica el nombre del parámetro.
• "valor"Significa el valor del parámetro.

pushstate (valor, hist);

En la sintaxis dada:

• "valor"Señala el objeto que está asociado con la nueva entrada.
• "histórico"Es un parámetro requerido por razones históricas.

cadena.subcadena (comienza, último)

Aquí:

• "comenzar"Se refiere a la posición desde la cual iniciar la extracción.
• "último"Indica la posición donde la extracción debe terminar, excluyendo.

cadena.división (separador, límite)

Según el código dado:

• "separador"Se refiere a la cadena que necesita dividirse.
• "límite"Indica el entero que limita el número de división.

Ejemplo

Pasemos por la demostración establecida:

En el bloque de código anterior:

• En primer lugar, inicialice las variables dadas que tienen los valores de cadena establecidos.
• En el siguiente paso, cree un nuevo objeto URL a través del "nuevo"Palabra clave y la"Url"Constructor se refiere a la URL establecida.
• Después de eso, asocie el "Searchparams"Propiedad con el"colocar()Método "para establecer los valores de tal manera que el último valor en sus parámetros se asigne a la primera.
• Ahora, agregue el registro a la pila de historial de sesión del navegador a través del "PushState ()" método.
• Además, aplique el combinado "subcadena ()" y "dividir()"Métodos para colocar el carácter especificado en un índice en particular, yo.mi., "1"En los valores aprobados en la URL.
• Por último, muestre los valores establecidos pasados ​​en la URL.

Producción

En la salida anterior, se puede observar que los valores de cadena inicializados se han establecido, separados y pasados ​​en la URL y se muestran en la consola.

Conclusión

Para pasar variables de JavaScript en la URL, aplique el "Searchparams"Propiedad combinada con el"PushState ()" y "subcadena ()" métodos. Estos enfoques se pueden aplicar para asignar y separar los parámetros de URL pasando los valores de cadena inicializados contenidos en una variable a la URL. Este blog declaró el enfoque para aprobar las variables de JavaScript en la URL.