Skip to content
uencoder
PIPELINE Web Development Beginner 2 steps

Parse Query String and Format JSON

Query string parsing extracts key-value pairs. JSON formatting makes them readable and structured.

What it solves

Parse query string into key-value pairs then format as JSON.

Input → Output

Query String Parser input → JSON Formatter output across 2 steps.

Runs in

1–2 minutes · fully local in your browser.

Before you start

  • A URL query string

The pipeline

  1. 1 Query String Parser query-string-parser

    Parse a URL query string (with or without a leading '?') into JSON key-value pairs. Malformed percent-encoding is reported as an error; for duplicate keys the last value wins.

  2. 2 JSON Formatter json-format

    Format, minify, or sort JSON online. Free, private, and 100% client-side.

Open in Toolchain

Runs locally in your browser. The recipe defines the pipeline only — your input never leaves this tab.

▶Run this workflow

Enter your input below and click Run. All processing happens locally in your browser — nothing is uploaded.

Pipeline progress

  1. Query String Parserquery-string-parser
  2. JSON Formatterjson-format

Sample input

name=Alice&age=30&city=NYC

Expected output

{
  "name": "Alice",
  "age": "30",
  "city": "NYC"
}

This pair is executed against the real tools at build time (tests/unit/recipes.test.ts) — the expected output is verified, not illustrative.

Related workflows

You might also need

Workflows sharing tools or topics with this recipe.

Learn more

Tools used