🧩 Query String Builder

Voeg key/value-regels toe en krijg direct een correct percent-gecodeerde querystring, gebouwd met URLSearchParams. Vul een basis-URL in om de volledige samengestelde URL te zien, of schakel over naar Parse en plak een bestaande querystring of URL om elke parameter in een tabel op te splitsen.

Basis-URL (optioneel)

Parameters

Resultaat

Meer ontwikkelaarstools

🔍 URL-parser 🔗 URL-encoder/decoder 📊 UTM-bouwer

GIDS

Meer lezen

1. Waarom coderen met URLSearchParams?

Querystrings bevatten vaak niet-ASCII-tekens, spaties en speciale tekens zoals `&`, `=` en `#`. Deze handmatig samenvoegen leidt al snel tot fouten - ontbrekende codering, dubbele codering of conflicten tussen scheidingstekens. URLSearchParams is een standaard browser-API die elke waarde correct percent-codeert volgens de `application/x-www-form-urlencoded`-regels en ze veilig samenvoegt met `&`. Deze tool gebruikt precies die logica om de output te bouwen.

2. Hoe worden dubbele sleutels afgehandeld?

Querystrings zoals `category=IT&category=Dev`, waarbij dezelfde sleutel meerdere keren voorkomt, zijn gebruikelijk voor filters met meerdere selecties of array-achtige parameters. Het Parse-tabblad leest elke invoer op volgorde via URLSearchParams.entries(), en toont voor elke waarde een aparte tabelrij, ook wanneer de sleutel herhaald wordt - zo voorkom je de veelgemaakte fout om alleen de eerste waarde te bewaren en de rest stilzwijgend te laten vallen.

3. Tussen Build en Parse heen en weer gaan

Plak een volledige URL in Parse en het extraheert correct alleen het deel na `?` (en voor `#`) als querystring. Plak andersom het resultaat van Build terug in Parse om te controleren of de codering klopt en elke waarde weer precies terugkeert naar de oorspronkelijke vorm.

Veelgestelde vragen

Worden niet-ASCII-waarden zoals emoji of geaccentueerde tekens correct gecodeerd?

Ja. URLSearchParams codeert alle niet-ASCII-tekens als standaard UTF-8 percent-encoding. Elke waarde die je invoert - geaccentueerde tekens, emoji, spaties - wordt veilig gecodeerd.

Wat gebeurt er met lege sleutels of waarden?

Rijen met een lege sleutel worden uitgesloten van het resultaat. Een rij met wel een sleutel maar een lege waarde blijft wel opgenomen, als `key=`.

Wat gebeurt er als ik geen basis-URL invoer?

Zonder basis-URL wordt alleen de querystring zelf getoond, bijvoorbeeld `?key=value&...`. Vul een basis-URL in om de volledige samengestelde URL te krijgen, bijvoorbeeld `baseUrl?key=value&...`.

Worden mijn gegevens naar een server verzonden?

Nee. Zowel bouwen als ontleden gebeurt volledig in de JavaScript van je browser en wordt nooit naar een server verzonden.