Q:

How to Encode URL in JavaScript

mhmadesk
Save to bookmark
|
2022-05-18
|
  265 
Very Easy
0

How to Encode URL in JavaScript

JavaScript programming,
login and add your own answer to this question

All Answers

mhmadesk
2022-05-18
need an explanation for this answer? contact us directly to get an explanation for this answer

Use the encodeURIComponent() Method

You can use the built-in method encodeURIComponent() to safely encode a URL in JavaScript.

The encodeURIComponent() method encode all characters except the following:

A-Z a-z 0-9 - _ . ! ~ * ' ( )

Let's check out an example to understand how this method basically works:

<script>
    // URL unsafe string
    var item = "$url+/unsafe@item #name;"
    
    // Encode item name and append to URL
    var url = "http://example.com/search.php?product=" + encodeURIComponent(item);
    
    document.write(url);
    // Prints: http://example.com/search.php?product=%24url%2B%2Funsafe%40item%20%23name%3B
</script>

You can alternatively use the encodeURI() method, which does not encode characters that have special meaning (reserved characters) for a URI e.g. #, /, ?, etc.

The encodeURI() method encode all characters except the following:

A-Z a-z 0-9 ; , / ? : @ & = + $ - _ . ! ~ * ' ( ) #

The following example demonstrates how this method actually works:

<script>
    // Sample URL
    var url = "http://example.com/search.php?product=laptop&price=500#featured";
    
    document.write(url);
    // Prints: http://example.com/search.php?product=laptop&price=500#featured
</script>

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

JavaScript / jQuery Frequently Asked Questions
This question belongs to these collections

Similar questions

need a help?

find thousands of online teachers now
How to Remove Duplicate Values from a JavaScript A... >>
<< How to Check Whether a String Contains a Substring...