Ajax call fail when parameter contain html tag

Question

I have this ajax :

 $.ajax({
      url: '/PostComment/AddComment',
      type: 'POST',
      dataType: 'json',
      cache: false,
      data: { "PostId": PostId, "CommentText": CommentText },
      success: function (data){
           alert('Ok');
      }
 });

The problem is that when the CommentText variable contain any html tag the ajax call fail. I know this is a strange problem, but that is what happen.

Answer 1

Try sending encoded values to the server side:

commentText = encodeURIComponent(commentText);

On the server side, if you are using Java, then you can do:

String commentStr = URLDecoder.decode(request.getParameter("commentText"), "UTF-8");

Answer 2

In javascript :

JSON.stringify(CommentText));

See : 4 Things You Must Do When Putting HTML in JSON