javascript - 提取部分 JSON 对象结果

Question

我正在尝试解析来自对 .NET Web 服务的 Ajax 调用的 JSON 结果，如下所示:

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

           },

      });
}

这是我从 doAjaxCallBack 返回的 JSON 结果:

{"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"]
    }
]}

我想获取书名及其标签。我如何遍历这种 JSON？

谢谢。

Answer 1

您将返回一个具有一个属性 d 的对象，该属性引用一个对象数组。

您可以使用 jQuery.each()^[docs]方法迭代该数组，并从数组中的每个对象中选择 Title 和 Tag 属性。

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

实例: http://jsfiddle.net/emSXt/3/ (打开你的控制台)