Escape characters in JSON string before ajax call

Question

I have a JSON string

var str = '{'+
            '"name": "John Doe",'+
            '"company": [{"name": "ABC Corp"}, {"name": "XYZ Corp"}],'+
            '"salary": "$200000"'+
           '}';

I make the ajax call as

$.ajax({
     url: 'url',
     type: 'POST',
     context: document.body,
     dataType: 'json',
     data: str,
     success: function(data){},
     error: function(error){}
     });

How can I escape the double quotes inside the JSON array before making the ajax call.

Why would you want to escape those quotes, since they're exactly as they should be? — Buzinas
– Buzinas, Commented Apr 2, 2014 at 19:57
Oh, so now the issue is apparent, you're stringifying a string, and that gives you an error. Just stop stringifying it, and why would you have a string to begin with, $.ajax accepts objects. — adeneo
– adeneo, Commented Apr 2, 2014 at 19:58

SomeKittens · Accepted Answer · 2014-04-02 19:56:08Z

2

str is already valid JSON (according to JSONLint), so you don't need to escape anything before sending it via $.ajax.

answered Apr 2, 2014 at 19:56

SomeKittens

39.6k19 gold badges117 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

wirey00 Over a year ago

wait - so for the data option - you can just pass in a string like "test"? I thought it had to be key/value like "key=test"(as string) or {key:test} <-- as object

Jamiec Over a year ago

@ᾠῗᵲᄐᶌ - You can send a string formatted as json to $.ajax. You probably shouldn't but thats a different discussion.

wirey00 Over a year ago

@Jamiec hmm.. never knew that - will have to check out the code

Jamiec · Accepted Answer · 2014-04-02 20:03:59Z

2

It looks like you're going the wrong way - JSON.stringify is used to turn a JSON object to a string, the method you want is JSON.parse.

So change that to:

$.ajax({
     url: 'url',
     type: 'POST',
     context: document.body,
     dataType: 'json',
     data: JSON.parse(str),
     success: function(data){},
     error: function(error){}
     });

You can also pass a string formatted as JSON to $.ajax and as your string was already valid JSON you could just skip that step entirely:

$.ajax({
     url: 'url',
     type: 'POST',
     context: document.body,
     dataType: 'json',
     data: str,
     success: function(data){},
     error: function(error){}
     });

Although you could just build it up as an object to start with if that is easier (It often is than trying to format a string!):

var postData = {
   name:'John Doe'
   ... etc
};

$.ajax({
     url: 'url',
     type: 'POST',
     context: document.body,
     dataType: 'json',
     data: postData,
     success: function(data){},
     error: function(error){}
     });

edited Apr 2, 2014 at 20:03

answered Apr 2, 2014 at 19:58

Jamiec

136k15 gold badges143 silver badges202 bronze badges

3 Comments

adeneo Over a year ago

Why would you parse it if it's a valid string, you can't send an object so jQuery would have to stringify it back again internally ?

Jamiec Over a year ago

@adeneo - Im just answering the question as stated. I was updating with a better solution when you made that comment.

Musa Over a year ago

You should note that passing a JSON string will gives a completely different result than passing a JavaScript object.

Collectives™ on Stack Overflow

Escape characters in JSON string before ajax call

2 Answers 2

3 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related