Web Story · JAVASCRIPT

Como manter filtros de uma página na URL com URLSearchParams

Sincronize busca e filtros com a URL para que uma seleção possa ser compartilhada.

JAVASCRIPT

Uma pessoa filtra uma lista por "café & chá", copia o endereço e manda para outra.

Slide 1 de 4

JAVASCRIPT

Se os filtros vivem apenas no estado da interface, o link abre a lista sem a seleção.

Slide 2 de 4

JAVASCRIPT

Colocar o filtro na query string resolve o compartilhamento e ajuda a restaurar a tela depois de atualizar a página.

Slide 3 de 4

JAVASCRIPT

```js const url = new URL(window.location.href) url.searchParams.set("q", "café & chá") url.searchParams.delete("page")…

Slide 4 de 4

Leitura completa

Continue no artigo

Sincronize busca e filtros com a URL para que uma seleção possa ser compartilhada.

Abrir matéria completa