/> /> /> /> /> JavaScript Url_encoding Guide — Syntax, Examples & Best Practices

JavaScript Url_encoding Guide

URL encoding ensures valid URLs. encodeURI encodes full URLs; encodeURIComponent encodes query parameters. The guide walks through encodeURI vs encodeURIComponent. `encodeURI(url)` — encodes URL (excludes :/?#[]@! &()*+,;=). `encodeURIComponent(str)` — encodes MORE characters. Use for query params: `fetch(url+?+new URLSearchParams({key:val}))`. `decodeURI()` / `decodeURIComponent()` — reverse. The guide is organized into 1 sections that build on each other, each pairing a prose explanation with runnable code. Related guides: Arrays, Strings, Numbers, Math, Date. This is one of 145 JavaScript guides on JS Reference — see the full list on the guides page. Practice what you learn in the JavaScript playground, and look up any unfamiliar term in the JavaScript glossary.