Acessando parâmetros de solicitação GET em JavaScript

Os navegadores modernos fornecem APIs nativas para manipulação de URLs e strings de consulta. Essas APIs, incluindo URL e URLSearchParams, devem ser priorizadas para compatibilidade com navegadores modernos.

Solução original:

Antes das APIs nativas, todos os parâmetros de solicitação GET eram acessíveis por meio de a propriedade window.location.search. No entanto, isso requer análise manual da string de consulta. A seguinte função pode ser usada:

function getQueryParam(name) {
  const regex = new RegExp('[?&]'   encodeURIComponent(name)   '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}

Esta função recebe um nome de parâmetro GET e retorna seu valor. Se o parâmetro não existir ou não tiver valor, ele retornará indefinido.

Exemplo:

const foo = getQueryParam('foo');

Isso atribuirá o valor do parâmetro GET foo à variável foo.