Search code examples
javascriptajaxfirefoxxmlhttprequest

Passing "#" hash symbol in request parameter of url not working in Firefox

I am hitting a struts action using AJAX, everything is fine but there is problem with Firefox , when i am passing the parameter in URL as a request parameter and if that parameter, contains hash(#) symbol in the end, then firefox strips everything after that symbol and send that parameter to action without it.

For example, if im passing test123#abcd in Firefox, then i am getting only test123 in action class as opposed to test123#abcd which is undesirable for my requirement.For IE it is working perfectly.Is there any way by which i can extract the full parameter including the # symbol in Firefox.

please let me know if i need to post the java action code also,thanks.

JS snippet

var valuePassword=test123#abcd;

    var url = "/test/ChangePwdAjax.do?newPass="+valuePassword;
            var xmlHTTP = getXMLHTTPRequest();
Solution

  • Use

    var url = "/test/ChangePwdAjax.do?newPass="+ encodeURIComponent(valuePassword);

    This will encode your valuePassword to a valid URL component which can be passed as a query string in URLs

    And on the other side you should use decodeURIComponent to get the value from encoded string

    var value = decodeURIComponent(valuePasswordPassed);

    To know more about this Go here