JSON Parsing in Jquery

Question

I have a JSON data which is something like the following ::

{"product":["{productTitle=ABCD , productImage=/abcd.jpg, productPath=CDEF.html, productPrice=$299}","{productTitle=EFGH, productImage=xxxx.jpg, productPath=ggfft.html, productPrice=$299}"]}

I my JSP page I am trying to process the data and use it .

Following is the function that I am using to parse each node of the response .

success : function(data) {
                            alert("successs");
                            alert('data.product' + data.product);
                            $.each(data.product, function(index) {
                                     alert(data.product[index].productTitle);


                                 });

                         },

Here alert('data.product' + data.product); gives me the alert with the whole JSON which is under the product node .

alert(data.product[index].productTitle); -- This alert is showing as "undefined" .

I need help to parse it the JSON and print each of the "productTitle"

Thanks in advance .

Musa · Accepted Answer · 2012-08-17 07:31:39Z

2

data.product is an array of strings not objects or JSON, you'll have to parse the strings to get the data.

you can use regex to transform the string to JSON an then JSON.parse or $.parseJSON to convert it to js objects but its a bit messy, see http://jsfiddle.net/nQE6J

$.each(data.product, function(index) {
    alert(JSON.parse(data.product[index].replace(/=/g, ':').replace(/([a-z\.A-Z\$\/\d]+)/g, '"$1"')).productTitle);
});

edited Aug 17, 2012 at 7:31

answered Aug 17, 2012 at 7:06

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

4 Comments

Sabya Over a year ago

how can that be achieved ? I am newbie in jquery . Sorry for the terminologies .

Musa Over a year ago

@sabyasachi Can you change the format of the data to be JSON inside data.product?

Sabya Over a year ago

Its tough for me to change the format the JSON is coming with . Can't we use this format and parse it ?

Musa Over a year ago

@sabyasachi you can use regex to transform the string to JSON an then JSON.parse or $.parseJSON to convert it to js objects but its a bit messy , see jsfiddle.net/nQE6J

Shih-En Chou · Accepted Answer · 2012-08-17 07:09:00Z

0

The json you give is

{
"product":[
"{productTitle=ABCD , productImage=/abcd.jpg, productPath=CDEF.html, productPrice=$299}",
"{productTitle=EFGH, productImage=xxxx.jpg, productPath=ggfft.html, productPrice=$299}"
]
}

However you have to change above into

{
"product":[
    {"productTitle":"ABCD"  , 
     "productImage":"/abcd.jpg", 
     "productPath":"CDEF.html", "productPrice":"$299"},
    ....
]
}

So
data.product[0].productTitle is "ABCD"

answered Aug 17, 2012 at 7:09

Shih-En Chou

4,2056 gold badges22 silver badges27 bronze badges

Comments

Maverick · Accepted Answer · 2012-08-17 07:15:42Z

0

try this

   var jdata = JSON.parse(data);
   $.each(jdata.product, function(index, productdetail) {
         alert(productdetail.productTitle);
   });

edited Aug 17, 2012 at 7:15

answered Aug 17, 2012 at 7:05

Maverick

932 gold badges2 silver badges11 bronze badges

Comments

Stefan · Accepted Answer · 2012-08-17 07:20:18Z

0

Add

contentType : "application/json"

to you request (and in the Response header, which should be done automatically by your webserver). jQuery then automatically interprets the Repsonse as JSON object and parses it.

answered Aug 17, 2012 at 7:20

Stefan

15k17 gold badges92 silver badges155 bronze badges

2 Comments

Sabya Over a year ago

response.setContentType("application/json;charset=utf-8");

Stefan Over a year ago

does your webserver answer with "contentType : "application/json" "?

Willem Mulder · Accepted Answer · 2012-08-17 09:07:52Z

0

JSON.parse(data)

should do the trick.

Edit: I see that it is not even JSON inside the string. Use Musa's answer to transform it into JSON and then use JSON.parse(data) as I suggested initially.

edited Aug 17, 2012 at 9:07

answered Aug 17, 2012 at 7:03

Willem Mulder

14.1k4 gold badges42 silver badges64 bronze badges

Collectives™ on Stack Overflow

JSON Parsing in Jquery

5 Answers 5

4 Comments

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related