jquery AJAX读取json的问题？

Question

{"baby":["<div id='leftdiv15588555577' class='first item'><a href='http://img01.taobaocdn.com/bao/uploaded/i1/T1gO4kXnpeBdNbW7.0_035916.jpg' target='_blank' class='img'><img width='40' height='40' src='http://img01.taobaocdn.com/bao/uploaded/i1/T1gO4kXnpeBdNbW7.0_035916.jpg'></a><div class='info2'><p class='title'><a href='' target='_blank' title='test多媒体音箱 Edifier漫步者S2.1Mtest'>test多媒体音箱 Edifier漫步者S2.1Mtest</a></p><p><span class='jhss'>￥ 1209.00</span></p></div><span id='leftspan15588555577' class='recommend' onclick='moveToRight(15588555577)'><span class='irecommendsuc ggxxjj2'></span> 待推荐</span><span id='sort15588555577' class='sort' style='display:none'><span id='rightspan15588555577' class='idelete' onclick='deleteRight(15588555577)'></span></span></div>",
"<div id='leftdiv17435860335' class='first item'><a href='http://img04.taobaocdn.com/bao/uploaded/i4/T1.yOxXiJ1XXcLPuwZ_031828.jpg' target='_blank' class='img'><img width='40' height='40' src='http://img04.taobaocdn.com/bao/uploaded/i4/T1.yOxXiJ1XXcLPuwZ_031828.jpg'></a><div class='info2'><p class='title'><a href='' target='_blank' title='test漫步者音箱edifier R2户外音响01T06test拉杆音响'>test漫步者音箱edifier R2户外音响01T06test拉杆音响</a></p><p><span class='jhss'>￥ 207.00</span></p></div><span id='leftspan17435860335' class='recommend' onclick='moveToRight(17435860335)'><span class='irecommendsuc ggxxjj2'></span> 待推荐</span><span id='sort17435860335' class='sort' style='display:none'><span id='rightspan17435860335' class='idelete' onclick='deleteRight(17435860335)'></span></span></div>"],
"page":"1/40"}
各位我的json格式正确吗？
然后前台读取的js：
$.ajax({
        type: "post",
        url: "ChoiseRecommendBaby.ashx",
        data: "method=bindbabyinfo",
        datatype: "json",
        success: function(msg) {
        alert(msg[0].baby);
            $("#babyinfo").html(msg[0].baby);
            $("#pageIndex").html(msg[1].page);
        }
    });这样的为什么读取不到呢？

Answer 1

本帖最后由 net_lover 于 2012-08-01 09:36:09 编辑

  

Answer 2

你应该
msg=$.parseJSON(msg)或者
后台加
context.Response.ContentType = "application/json";然后前台
success: function (msg) {            
    $.each(msg.baby, function () {
        alert(this);
    })
}得到数组的每一个内容

Answer 3

$(function() {
    $.ajax({
        type: "post",
        url: "ChoiseRecommendBaby.ashx",
        data: "method=bindbabyinfo",
        datatype: "json",
        success: function(msg) {
            //        alert(msg.baby);
            //        alert(msg.page);
            //        alert(msg.totalrecord);
            alert($("#pageIndex"));
            $("#babyinfo").html(msg.baby);
            $("#pageIndex").html(msg.page);
            $("#itemTotal").html(msg.totalrecord);
        }
    });
})
现在alert出来有数据了，只要后台contenttype设置下就行，为什么现在$("#babyinfo").html(msg.baby);
没有呢？

Answer 4

后台不设置是按html字符串处理的，设置之后按json处理

Answer 5

因为msg.baby是个数组，从你的json数据来看有2个单元，所以你应该用：
$("#babyinfo").html(msg.baby[0]+msg.baby[1])；

Answer 6

babyinfo和pageindex这些id页面都是有的，html()怎么也添不进去

Answer 7

我现在alert  msg.baby能取出来啊，但是$("#babyinfo").html(msg.baby)
就是显示不出来

Answer 8

$("#babyinfo")是个什么类型控件？我这边已经测试过了，用div装载是没问题的

Answer 9

alert能出来数据不代表$("#babyinfo").html(msg.baby)的用法是正确的，你可以用$("#babyinfo").html(msg.baby[0])看看是什么结果先

Answer 10

msg.baby[0]能显示第一个出来，我如果alert(msg.baby),能全部显示出来，非要用循环？

Answer 11

msg.baby是数组，当然可以直接出来啊，是否循环这个要看要做什么，

Answer 12

{"baby":["<div id='leftdiv6038335279' class='first item'><a href='http://img07.taobaocdn.com/bao/uploaded/i7/T1qnNdXf9jHJJNY9s9_104520.jpg' target='_blank' class='img'><img width='40' height='40' src='http://img07.taobaocdn.com/bao/uploaded/i7/T1qnNdXf9jHJJNY9s9_104520.jpg'></a><div class='info2'><p class='title'><a href='' target='_blank' title='恩116测试宝贝珍珠小蝴蝶结耳顶88@@'>恩116测试宝贝珍珠小蝴蝶结耳顶88@@</a></p><p><span class='jhss'>￥ 15.75</span></p></div><span id='leftspan6038335279' class='recommend' onclick='moveToRight(6038335279)'><span class='irecommendsuc ggxxjj2'></span> 待推荐</span><span id='sort6038335279' class='sort' style='display:none'><span id='rightspan6038335279' class='idelete' onclick='deleteRight(6038335279)'></span></span></div>","<div id='leftdiv12496919040' class='first item'><a href='http://img04.taobaocdn.com/bao/uploaded/i4/T1rLCwXXtXXXbUW22X_115213.jpg' target='_blank' class='img'><img width='40' height='40' src='http://img04.taobaocdn.com/bao/uploaded/i4/T1rLCwXXtXXXbUW22X_115213.jpg'></a><div class='info2'><p class='title'><a href='' target='_blank' title='恩21111飘顶88sm@@'>恩21111飘顶88sm@@</a></p><p><span class='jhss'>￥ 112.40</span></p></div><span id='leftspan12496919040' class='recommend' onclick='moveToRight(12496919040)'><span class='irecommendsuc ggxxjj2'></span> 待推荐</span><span id='sort12496919040' class='sort' style='display:none'><span id='rightspan12496919040' class='idelete' onclick='deleteRight(12496919040)'></span></span></div>"],"page":"1/40","totalrecord":"共 40 条记录"}
上面的是我的json格式，babyinfo有N个，然后page和totalrecord都只有1个

Answer 13

babyinfo给你数组的方法方便你布局，这个应该当前页的数据内容