What are some examples of using encodeURI in JavaScript?

Can you give me some examples of using encodeURI in JavaScript?

Sure! The encodeURI function is used to encode a URI by replacing each instance of certain characters with one or more escape sequences. For example, if you have a URL like https://example.com/?name=John Doe, you can encode it like this: encodeURI('https://example.com/?name=John Doe') which results in https://example.com/?name=John%20Doe.

What about using encodeURIComponent? How is it different?

Good question! encodeURIComponent is similar but is used to encode a single component of a URI. For instance, if you want to encode just the query parameter value, you would use it like this: encodeURIComponent('John Doe'), which results in John%20Doe. This is more specific and encodes characters that are not allowed in a URI component.

Can you show me a complete example with both functions?

Absolutely! Here's a complete example:

const baseUrl = 'https://example.com/search';
const query = 'JavaScript encodeURI examples';
const encodedUrl = `${baseUrl}?query=${encodeURIComponent(query)}`;
console.log(encodedUrl);

This will output: https://example.com/search?query=JavaScript%20encodeURI%20examples.

Thanks! Are there any characters that should not be encoded?

Yes, certain characters like !, *, ', (, and ) are allowed in a URI and should not be encoded when using encodeURI. However, encodeURIComponent will encode them.