Obtenha os valores dos parâmetros Get

Ao testar um site, pode haver um requisito no final do desenvolvedor para redirecionar para as páginas da web contidas no site instantaneamente. Por exemplo, substituindo os valores específicos no URL para mudar para diferentes páginas. Nesses cenários, obter os valores dos parâmetros GET em JavaScript é de grande ajuda para navegar para uma página da web relacionada ou um site efetivamente.

Este artigo ilustrará as abordagens para obter os valores dos parâmetros GET em JavaScript.

Como obter os valores dos parâmetros GET usando JavaScript?

Para obter os valores dos parâmetros GET em JavaScript, use o “pegar()”Método e“Url ()”Construtor em combinação com as seguintes abordagens:

• ““URLSearchParams ()”Construtor.
• ““SearchParams" propriedade.

Método 1: Obtenha o valor dos parâmetros GET usando o construtor “UrlSearchParams ()” no JavaScript

O "pegar()”O método fornece um elemento do objeto mapeado. O "Url ()”O construtor fornece o objeto URL recém -criado e o“URLSearchParams ()”Construtor retorna um novo objeto URLSearchParams. Essas abordagens podem ser implementadas para criar um novo objeto URL e obter o valor de URL correspondente com base no parâmetro passado.

Sintaxe

elemento.Obtenha (chave)

Nesta sintaxe, “chave”Corresponde à chave do elemento do mapa que precisa ser devolvida.

Exemplo

Vamos ver as linhas de código abaixo estatadas:

No trecho de código acima:

• Primeiro de tudo, crie um novo objeto de URL com o URL declarado através do “novo"Palavra -chave e a"Url ()”Construtor, respectivamente.
• Na próxima etapa, da mesma forma, crie um novo objeto URLSearchParams. Passe o URL especificado como seu parâmetro. Além disso, associe o “procurar()”Método para buscar a posição da primeira partida.
• Por fim, aplique o “pegar()”Método, referindo -se a este último objeto criado.
• No parâmetro (método), obtenha o valor correspondente com base no parâmetro passado.

Saída

Na saída, pode -se observar que o valor correspondente foi buscado com sucesso.

Método 2: Obtenha o valor dos parâmetros GET usando a propriedade "SearchParams" em JavaScript

O "SearchParams”Propriedade fornece um objeto URLSearchParams. Esta propriedade pode ser utilizada em combinação com as abordagens discutidas para obter o valor definido pelo usuário correspondente no URL.

Exemplo

Vamos ver as linhas de código abaixo fornecidas:

No bloco de código acima:

• Em primeiro lugar, inicialize duas variáveis ​​com os valores de string declarados.
• Na próxima etapa, especifique o URL passando os valores inicializados.
• Depois disso, crie um novo objeto de URL e passe no URL especificado.
• Finalmente, aplique o “SearchParams”Propriedade e a“pegar()”Método em combinação para obter o valor da string passada em relação ao parâmetro pontual e exibi -lo no console.

Saída

Na saída acima, é evidente que o requisito desejado é atendido.

Conclusão

Para obter os valores dos parâmetros GET em JavaScript, use o “pegar()”Método e“Url () ” construtor em combinação com o “URLSearchParams ()”Construtor ou o“SearchParams" propriedade. Essas abordagens podem ser utilizadas para obter os valores correspondentes ou passados ​​do URL com base nos parâmetros passados ​​no “pegar()”Método com a ajuda de exemplos. Este artigo discutiu as abordagens para obter o valor dos parâmetros GET em JavaScript.