Como inserir parâmetro na URL com JavaScript

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!

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

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