URI Encoding Pain

by jamesdh

HTML

<div id="results">
    
</div>

JavaScript

demo('http://idf.pfizer.com/resource/Person/Oliver%2C Wendy_K');

function demo(url) {    
    append('Original URL', url);
    append('Decoded', decodeURI(url));
    append('Decoded+Encoded', encodeURI(decodeURI(url)));
    append('Decoded+EncodedComponent', encodeURIComponent(decodeURI(url)));
    append('DecodedComponent', decodeURIComponent(url));
    append('DecodedComponent+EncodedComponent', encodeURIComponent(decodeURIComponent(url)));
    append('EncodedComponent', encodeURIComponent(url));
}

function append(title, val) {
    $('#results').append('<div><b>' + title + ':</b> ' + val + '</div>');
}