Using jQuery to handle JSON data

Question

I have this little problem with json.

//real json
var json1 = {"test1":"TEST1","test2":"TEST2","test3":"TEST3","test4":"TEST4"};
alert(json.test1); // will echo TEST1
//string, so javascript treat it like a String not JSON
var json2 = "{"test1":"TEST1","test2":"TEST2","test3":"TEST3","test4":"TEST4"}";
alert(json2.test1); // wrong

Now I think you know what I mean, Is there any function or a way to convert that json-like string into a actual JSON?

Small typo in your first alert of code var json1 = {"test1":"TEST1","test2":"TEST2","test3":"TEST3","test4":"TEST4"}; //change as json1 alert(json1.test1); // will echo TEST1 — Sam Arul Raj T
– Sam Arul Raj T, Commented Feb 15, 2012 at 6:05
because I thought in jQuery there must be a way to solve this issue, and jQuery.parseJSON is the way! — castiel
– castiel, Commented Feb 15, 2012 at 6:14
@DidierGhys I know that even you should be very careful in coding...sometimes this also give you an error........Check out the other way of my answer — Sam Arul Raj T
– Sam Arul Raj T, Commented Feb 15, 2012 at 6:21

BenjaminRH · Accepted Answer · 2012-02-15 06:14:10Z

2

There is a very simple way to do this with jQuery:

var jsonObj = jQuery.parseJSON(jsonString);

Of course, you don't need jQuery for this, and you could accomplish the same thing with this:

var jsonObj = JSON.parse(jsonString);

The theory is explained here, and you can also check out the jQuery.parseJSON documentation page.

edited Feb 15, 2012 at 6:14

answered Feb 15, 2012 at 6:07

BenjaminRH

12.2k7 gold badges53 silver badges78 bronze badges

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

Comments

Phil · Accepted Answer · 2012-02-15 06:08:20Z

1

Assuming your string is actually valid, eg (note the single quotes)

var json2 = '{"test1":"TEST1","test2":"TEST2","test3":"TEST3","test4":"TEST4"}';

Use

var jsonObj = JSON.parse(json2);
alert(jsonObj.test1);

answered Feb 15, 2012 at 6:08

Phil

166k25 gold badges265 silver badges269 bronze badges

Comments

Antonio · Accepted Answer · 2012-02-15 06:02:19Z

1

You can use eval() function:

var real_json = eval(json2);

answered Feb 15, 2012 at 6:02

Antonio

8321 gold badge10 silver badges20 bronze badges

3 Comments

castiel Over a year ago

I tried this way, but it says Syntax Error Unexpected token :

Jimmy Sawczuk Over a year ago

Try eval('(' + json2 + ')'). And make sure your json2 string is escaped properly in your code (it's not in your example).

BenjaminRH Over a year ago

eval opens a big security hole, because it will process any javascript code. If the string you pass it isn't json, it might cause problems.

Sam Arul Raj T · Accepted Answer · 2012-02-15 06:19:05Z

0

Check this also an another way of JSON Parsing

var json2 = "{"+'"test1"'+":"+'"TEST1"'+","+'"test2"'+":"+'"TEST2"'+","+'"test3"'+":"+'"TEST3"'+","+'"test4"'+":"+'"TEST4"'+"}";

      var jsonObj = $.parseJSON(json2);
      alert(jsonObj.test1);

answered Feb 15, 2012 at 6:19

Sam Arul Raj T

1,77017 silver badges23 bronze badges

Collectives™ on Stack Overflow

Using jQuery to handle JSON data

4 Answers 4

Comments

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related