Neste artigo você vai aprender a como inserir parâmetro na URL com JavaScript, ou seja, adicionar um chave e valor na URL
Fala programador(a), beleza? Bora aprender a como trabalhar com URL com a ajuda de JavaScript!
Em JS temos um objeto chamado URLSearchParams, que permite trabalhar com a URL do navegador
Temos um método que vai nos ajudar nessa tarefa, o set
Vamos passar um nome do parâmetro e depois um valor
Podemos atribuir isso a window.location.search, que é onde os parâmetros ficam
Aí a URL será atualizada com os novos valores
Veja um exemplo de código:
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('name', 'Matheus');
window.location.search = urlParams;
Aqui ao passar a URL atual para a instância nova do objeto, conseguimos trabalhar com o que já há na URL
Podendo apenas gerar uma atualização de valor, e não uma duplicação
Conclusão
Neste artigo você aprendeu a como inserir parâmetro na URL com JavaScript
Utilizamos o objeto URLSearchParams, que nos permite trabalhar com URLs
Bastou utilizar o método set, com nome e valor do atributo
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