javascript - Parameter with '&' breaking $.ajax request

Question

I'm developing a Web App that uses JavaScript + JQuery on the client side and PHP on the server side.

One of the strings I want to pass as parameter for an AJAX Request has a '&' in its content.

For this reason, the string of the request is broken. The browser "thinks" that this parameters is over because there is a '&' on the string.

var hasChar = "This is a string that has a & in the content.";
var doesntHave = "This one does not contain.";
var dataString = "first=" + hasChar + "&second=" + doesntHave;

$.ajax({
    type : "POST",
    url : "myurl.php",
    data : dataString,
    cache : false,
    success : function(html) {
    }
});

The server receives the first parameter as "This is a string that has a "

My Question:

How to I encode the string on the client side and how should I decode it on the PHP server.

Answer 1

Let jQuery handle the encoding of hasChar (and your other params) for you:

var hasChar = "This is a string that has a & in the content.";
var doesntHave = "This one does not contain.";

$.ajax({
    type : "POST",
    url : "myurl.php",
    data : { first: hasChar, second: doesntHave },
    cache : false,
    success : function(html) {
    }
});