how to parse the json result using jquery

Question

I have the following ajax call to make a call to webservice and retreive back the json data

$(document).ready(function () {
            $.ajax({
                type: 'POST',
                contentType: "application/json; charset=utf-8",
                url: "Test.asmx/GetImages",
                success: function (msg) {
                    //var data = JSON.parse(msg); 
                    alert(msg.d);
                   $.each(msg.results, function (i, tweet) {
                        alert(msg.d);
                        $("#imagelist").append('<p><img src="' + tweet + '" />' + tweet + '</p>');
                    });
                }
            });
 });

I have following json result obtained from the ajax call, I am finding difficult to append the img source .

{"d":"[\r\n  {\r\n    \"imagepath\": \"images/01.jpg\"\r\n  },\r\n  {\r\n    \"imagepath\": \"images/02.jpg\"\r\n  },\r\n  {\r\n    \"imagepath\": \"images/03.jpg\"\r\n  },\r\n  {\r\n    \"imagepath\": \"images/04.jpg\"\r\n  }\r\n]"}

Following article clearly explains the solution mikesdotnetting.com/Article/96/… — mahesh
– mahesh, Commented Apr 21, 2012 at 11:45

zerkms · Accepted Answer · 2012-04-21 09:56:20Z

5

Just specify dataType: 'json' and jquery will do that automatically for you

http://api.jquery.com/jQuery.ajax/

answered Apr 21, 2012 at 9:56

zerkms

256k73 gold badges447 silver badges551 bronze badges

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

11 Comments

mahesh Over a year ago

Thanks for the reply , how to individually extract images/01.jpg,images/02.jpg................ , from the result data from $.each function

zerkms Over a year ago

@mahesh: iterate over msg.d

mahesh Over a year ago

Its behaving crazy , when i execute saying $.each({ "d": "[\r\n {\r\n \"imagepath\": \"images/01.jpg\"\r\n },\r\n {\r\n \"imagepath\": \"images/04.jpg\"\r\n },\r\n {\r\n \"imagepath\": \"images/04.jpg\"\r\n },\r\n {\r\n \"imagepath\": \"images/04.jpg\"\r\n }\r\n]" }, function (k, v) { alert("Value: " + v); });

zerkms Over a year ago

@mahesh: it's triggered once because the object you passed has only one property with name d. And you need to pass array instead

zerkms Over a year ago

@mahesh: no, traverse over msg.d, not over msg.d.imagepath (it is the 3rd time :-S)

|

Collectives™ on Stack Overflow

how to parse the json result using jquery

1 Answer 1

11 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Related