Urlencode FAQ

Usage from Address Bar

You can use direct access to this page from your browser address bar. Type string that you need to encode/decode with algorithm according to next schema: https://md5calc.com/url/<TYPE:enc|dec>/<PHRASE> For example to visit page that contains encoded "¡Hola!" you can just visit url: https://md5calc.com/url/enc/¡Hola! The another cool thing is that you can specify "json" or "plain" mode into URL and you will get only encoded/decoded in response.
Schema of this future: https://md5calc.com/url/<TYPE:enc|dec>.<OUTPUT:plain|json>/<PHRASE> Example: https://md5calc.com/url/enc.plain/¡Hola! Will output: %C2%A1Hola%21

Usage from Javascript

We have removed CORS restriction so you can use direct access to url encode/decode in your javascript applications via AJAX.

Example:

var toEncode = '¡Hola!';
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    console.log('Urlencoded "'+toEncode+'" is "'+JSON.parse(xhr.response)+'"');
  };
};
xhr.open('GET', 'https://md5calc.com/url/enc.json/'+encodeURIComponent(toEncode), true);
xhr.send();

Will output:


    		Urlencoded "¡Hola!" is "%C2%A1Hola%21"

Keep in mind that this example no make sense because Javascript has builtin functions encodeURI() and decodeURI() as well as encodeURIComponent() and decodeURIComponent() which do the same.

Usage from PHP

You can use direct access to this function in your applications.

PHP Example:

<?php
    $str = '¡Hola!';
    $url ='https://md5calc.com/url/enc.plain/'.urlencode($str);
    $urlencoded = file_get_contents($url);
    echo 'Urlencoded "'.$str.'" is "'.$urlencoded.'"';

Will output:


    		Urlencoded "¡Hola!" is "%C2%A1Hola%21"

Keep in mind that this example no make sense because PHP has builtin functions urlencode() and urldecode() which do the same.

How to make the same in PHP

<?php
    $str = '¡Hola!';
    $urlencodedStr = urlencode($str);
    $urldecodedStr = urldecode($urlencodedStr);
    echo '<pre>';
    echo $str.PHP_EOL
         .' &rarr; '.$urlencodedStr.PHP_EOL
         .' &rarr; '.$urldecodedStr.PHP_EOL
       ;
    echo '</pre>';

How to make the same in JavaScript

If you need to encode whole url

var str = 'https://localhost/?param1=¡Hola!&param2=¡Hola!';
var urlencodedStr = encodeURI(str);
var urldecodedStr = decodeURI(urlencodedStr);
console.log(str);
console.log('-> ' + urlencodedStr);
console.log('-> ' + urldecodedStr);

If you need to encode value only

var url = 'https://localhost/';
var str = '¡Hola!';
var urlencodedStr = encodeURIComponent(str);
var urldecodedStr = decodeURIComponent(urlencodedStr);
console.log(str);
console.log('-> https://localhost/?param1=' + urlencodedStr);
console.log('-> https://localhost/?param1=' + urldecodedStr);