Form Handling Demo

GET Form GET

Submits data as query string: /search?q=value&page=1

Server accesses via: req.query.q, req.query.page

Search Query: Page: Search (GET)

POST Form POST

Submits data in request body as application/x-www-form-urlencoded

Server accesses via: req.body.username, req.body.email

Username: Email: Message: Submit (POST)

JSON API POST

Submits data as JSON using fetch()

Requires header: Content-Type: application/json

JSON Data: { "name": "Alice", "items": [1, 2, 3], "active": true } Send JSON (POST)

Server Response