Geek asks and answers

Extract some parts of JSON objects

I am trying to parse the JSON result from an Ajax call to a .NET web service, for example:

function doAjaxCallBack() {

      $.ajax({
           type: "POST",
           url: "AjaxCallBackService.asmx/GetAllTitles",
           contentType: "application/json; charset=utf-8",
           dataType: "json",
           success: function (msg) {

               // show alert book title and tags to test JSON result

           },

      });
}

Here is the JSON result I returned from doAjaxCallBack:

{"d":[
    {
        "__type":"ASP.NET_Training.Book",
        "Price":12.3,
        "Title":"Javascript Programming",
        "Tag":["Ajax","Javascript"]
    },
    {
        "__type":"ASP.NET_Training.Book",
        "Price":14.23,
        "Title":"Code Complete",
        "Tag":["Programming","Concept"]
    }
]}

I want to get the title of the book and its tags. How do I iterate over this JSON?

Thank.

+3
source share
3 answers

You are returning an object with one property dthat refers to an array of objects.

You can use the jQuery.each() [docs] method to repeat this array and select the Title and Tag properties from each object in the array.

$.each(msg.d, function( i, val ) {
    console.log(val.Title);
    $.each(val.Tag, function( i, val ) {
        console.log("Tag: " + val);
    });
});

Live example: http://jsfiddle.net/emSXt/3/ (open console)

+3
source 
 $.each(msg.d, function( i, value ) {
 console.log(value.Title);
 if($.isArray(value.Tag)) {
     $.each(value.Tag, function(j, value1) {
         console.log(value1);
     });
 }else {
     console.log(value.Tag);
 }
});

Here's the script http://jsfiddle.net/ATBNx/

+2
source 
for(var ib in msg.d) {
  alert(msg.d[ib].Title);
  for(var it in msg.d[ib].Tag) {
    alert(msg.d[ib].Tag[it]);
  }     
}
+1
source

More articles:


All Articles