Neste artigo você vai aprender a como adicionar parâmetros a query string em JavaScript, ou seja, aos valores que ficam na URL do navegador
Fala programador(a), bora aprender mais sobre query string e JavaScript!
Em JS temos um objeto chamado URLSearchParams, ao instanciá-lo conseguimos maniupar a query string
Nele vamos utilizar o método set, que recebe um nome de parâmetro e um valor
Após este processo o novo parâmetro será adicionado a query string
Veja o código necessário:
const urlParams = new URLSearchParams(window.location.search);
urlParams.set("name", "horadecodar");
const param = urlParams.get("name")
console.log(param) // horadecodar
Nas duas primeiras linhas instanciamos o objeto e também inserimos o parâmetro
Depois é feito o resgate, através do método get
Bem simples não é? 🙂
Conclusão
Neste artigo você viu como adicionar parâmetros a query string em JavaScript
Utilizamos o objeto URLSearchParams e os métodos set e get do mesmo
Com isso é possível fazer todo o processo que necessitamos!
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!