What is the difference between decodeURIComponent and decodeURI?


decodeURIComponent

To decode a URL component in JavaScript, use the decodeURLComponent() method.

Example

You can try to run the following code to decode a URL component −

<!DOCTYPE html>
<html>
   <body>
      <button onclick="display()">Check</button>
      <p id="demo"></p>
      <script>
         function display() {
            var uri = "http://example.com/welcome msg.jsp?name=åmit&sub=programming";

            // first encode
            var encode = encodeURIComponent(uri);
            var decode = decodeURIComponent(encode);

            var result = "Encode= " + encode + "<br>" + "Decode= " + decode;
            document.getElementById("demo").innerHTML = result;
         }
      </script>
   </body>
</html>

decodeURI

To decode a URL in JavaScript, use the decodeURI() method.

Example

You can try to run the following code to decode a URL −

<!DOCTYPE html>
<html>
   <body>
      <button onclick="display()">Check</button>
      <p id="demo"></p>
      <script>
         function display() {
            var uri = "welcome msg.jsp?name=åmit&sub=programming";

            // first encode
            var encode = encodeURI(uri);
            var decode = decodeURI(encode);

            var result = "Encode= " + encode + "<br>" + "Decode= " + decode;
            document.getElementById("demo").innerHTML = result;
         }
      </script>
   </body>
</html>

Vikyath Ram
Vikyath Ram

A born rival

Updated on: 16-Jun-2020

198 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements