JavaScript Obtener parámetros de URL

1. Utilice los parámetros de búsqueda del objeto URL para obtener los valores de los parámetros GET
2. Utilice location.search para obtener los valores de los parámetros GET

Este tutorial enseña cómo obtener los valores de los parámetros GET.

Utilice los parámetros de búsqueda del objeto URL para obtener los valores de los parámetros GET

El objeto URL representa la URL definida por los parámetros. Podemos utilizar su propiedad searchParams para devolver un objeto URLSearchParams que nos permite acceder a los parámetros decodificados en GET. Entonces podemos usar la función get adjunta al objeto URLSearchParams para obtener el valor de cualquier parámetro dentro de la URL.

var input_string =
    'http://www.google.com/app.html?apple=1&banana=3&cherry=m2';  // window.location.href
var url = new URL(input_string);
var cherry = url.searchParams.get('cherry');
console.log(cherry);

En el código anterior, primero obtenemos el objeto URLSearchParams y luego usamos su función get para obtener valores de parámetros decodificados.

Utilice location.search para obtener los valores de los parámetros GET

La propiedad de búsqueda de location es básicamente una cadena de búsqueda que también se denomina query string. Para obtener los valores de los parámetros, dividimos la cadena y luego almacenamos los parámetros y sus valores en un diccionario. Luego, podemos usar fácilmente el diccionario para obtener todos los pares de claves y valores.

var GET_parameters = {};

if (location.search) {
  var splitts = location.search.substring(1).split('&');
  for (var i = 0; i < splitts.length; i++) {
    var key_value_pair = splitts[i].split('=');
    if (!key_value_pair[0]) continue;
    GET_parameters[key_value_pair[0]] = key_value_pair[1] || true;
  }
}

var abc = GET_parameters.abc;

Todos los métodos discutidos son compatibles con los principales navegadores.