how to handle single quote in $.ajax POST (JQuery)?

Question

.ajax({

type: 'POST',

url: '..serverices/ajaxserver.asmx',

data: 'lname='+ $('#lastname').val()

}); return false;

if #lastname has a single quote, it throws an error. How to handle it?

Answer 1

Don't built the query string yourself when jQuery can do it for you

data: {"lname" : $('#lastname').val()}

Answer 2

You can use the pair format like this:

$.ajax({
  type: 'POST',
  url: '..serverices/ajaxserver.asmx',
  data: { "lname" : $('#lastname').val() }
});

Answer 3

Chetan is right on—jQuery handles that for you. But, it's worth mentioning the JavaScript escape() function, which is pretty simple:

>>> "O'Malley"
"O'Malley"
>>> escape("O'Malley")
"O%27Malley"