JavaScript encode and decode URL/URI; In this tutorial, i am going to show you how to decode and encode the URI/URL in javaScript.
How to Encode and Decode a URL Using JavaScript
Using the following javaScript method, you can encode and decode url or uri in javaScript; as follows:
- encodeURI() Function
- decodeURI function()
encodeURI() Function
The encodeURI() function is used to encode a URI.
This function encodes special characters, except: , / ? : @ & = + $ # (Use encodeURIComponent() to encode these characters).
Syntax of encodeURI function()
encodeURI(uri)
Example Encode URI JavaScrpt
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <body> <p>Click the button to Encode a URI</p> <button onclick="encode()">Click to Encode</button> <p id="encode_uri"></p> <script> function encode() { var uri = "my Laratutorials.com?name=ståleLast&hl=test"; var encode = encodeURI(uri); var res = "Encoded URI: " + encode; document.getElementById("encode_uri").innerHTML = res; } </script> </body> </html>
decodeURI function()
The decodeURI() function is used to decode a URI.
Syntax of decodeURI function()
decodeURI(uri)
Example Decode URI JavaScrpt
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <body> <p>Click the button to Decode a URI</p> <button onclick="decode()">Click to Decode</button> <p id="decode_uri"></p> <script> function decode() { var uri = " my%Laratutorials.com?name=st%C3%A5leLast&hl=test"; var decode = decodeURI(uri); var res = "Encoded URI: " + decode; document.getElementById("decode_uri").innerHTML = res; } </script> </body> </html>
Conclusion
Encode and Decode URL JavaScript; In this tutorial, you have learned how to encode and decode URI using encodeURI() and decodeURI functions of javascript.
More JavaScript Tutorials
Recommended:-JavaScript Arrow Function es6 Example
Recommended:-JavaScript Promise with Example
Recommended:-JavaScript: Object Properties
Recommended:-20+ JavaScript Array Methods
Recommended:-20 + JavaScript String Methods
Recommended:-JavaScript Convert Array to JSON Object
Recommended:-JavaScript Remove Duplicates From Array
Recommended:-JavaScript Multidimensional Array Push Pop
Recommended:-JavaScript Sum Array and Array Of Object
Recommended:-JavaScript Compare Two Arrays for Unmatched
Recommended:-JavaScript Compare Two Arrays for Matches
Recommended:-JavaScript Get Unique Values From Array
Recommended:-JavaScript Clone Array Method with Example
Recommended:-JavaScript Remove First, Last Element From Array
Recommended:-JavaScript Remove Duplicate From Array of Object
Recommended:-Extract Elements From Array in JavaScript
Recommended:-JavaScript Convert Array to Comma Separated String