Cómo obtener parámetros de consulta de una URL en JavaScript

Cómo obtener parámetros de consulta de una URL en JavaScript

En este tutorial, aprenderemos cómo acceder a los parámetros de consulta desde una URL usando JavaScript.

Índice
  1. Parámetros de consulta
  2. Acceder a los parámetros de consulta

Parámetros de consulta

Los parámetros de consulta se agregan al final de una URL usando un signo de interrogación ? seguido por key=value
pares

Ejemplo:

Acceder a los parámetros de consulta

Para acceder a los parámetros de solicitud de una URL dentro del navegador, usando JavaScript, podemos usar el URLSeachParams interfaz que contiene un get() método para trabajar.

Aquí un ejemplo:

URL:

Puede obtener el valor de un name parámetro de la url anterior así:



const params = new URLSearchParams(window.location.search);

const name = params.get("name");

console.log(name); 

Si tiene varios parámetros en una URL que se pasa usando & operador:

localhost:3000/?name=sai&score=10

Puedes acceder a él así:



const params = new URLSearchParams(window.location.search);

const name = params.get("name");
const name = params.get("score");

console.log(name); 
console.log(score); 

También puede verificar si una URL contiene parámetros específicos o no usando el has() método.

EL has() el método devuelve un valor booleano true si existe un nombre de parámetro; de lo contrario vuelve false.

params.has("name"); 

params.has("place"); 

Si quieres conocer otros artículos parecidos a Cómo obtener parámetros de consulta de una URL en JavaScript puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas