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

Question

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();

Answer 1

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

Answer 2

When you change data you have to do a http POST request. Not a GET request. This will automatically solve your problem without having to encode your password.

xmlhttp.open("POST", "/test/ChangePwdAjax.do", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("newPass=" + valuePassword);