Question

I have a textbox which has value like “PN & J”.I am storing it in

var sState = $('#txtState').val();

and making Ajax call by

  data: 'Service=' + sSvendor + '&City=' + sCity + '&Sub=' + sCitySub + '&State=' + sState + '&Network=' + sNetwork,

But at the receiving end i m retrieving Value as only "PN " it is neglecting string after '&' character. how to overcome this ?

Answer 1

Because & is the seperator of key=value pairs in a GET request, you need to escape it using encodeURIComponent;

data: 'Service=' + sSvendor + '&City=' + sCity + '&Sub=' + sCitySub + '&State=' + encodeURIComponent(sState) + '&Network=' + sNetwork,

Of note, there’s also encodeURI, but that doesn’t encode values like & (as it treats the input as a whole URI, rather than a particular component).

Feel free to escape the rest of the values yourself for security… I’m just too lazy.