Query Strings
URLSearchParams builds and encodes query strings safely, handling special characters automatically.
JavaScript
Beginner
3 min read
Query Parameters with URLSearchParams
Example
const params = new URLSearchParams({ search: "hello world", page: 2, limit: 20 });
const url = `/api/users?${params}`;
// /api/users?search=hello+world&page=2&limit=20
const fullUrl = new URL("/api/users", "https://example.com");
fullUrl.searchParams.set("role", "admin");
await fetch(fullUrl.toString()); Pro Tip
Never concatenate query strings manually — URLSearchParams handles encoding correctly.
Related Resources
JavaScript Reference
Complete tag & property list
JavaScript How-To Guides
Step-by-step practical guides
JavaScript Exercises
Practice what you've learned
More in JavaScript