weixin_33725239 2016-07-28 22:55 采纳率: 0%
浏览 16

jQuery追加未定义

I'm having issues with appending a json. It print's multiple undefineds and i'm unsure what the cause is.

My code:

  $("button").click(function() {
    $.getJSON("https://api.myjson.com/bins/503aj", function(obj) {
      $.each(obj, function(key, test) {
        $("ul").append("<div>" + test.CustomerRef + "</div>" + "<div>" + obj.CustomerName + "</div>" + "<div>" + test.DelAddress1 + "</div>");
      });
    });
  });

Linked js fiddle showing the issue;

https://jsfiddle.net/7vshmzj7/

Why does it do it? and what are the possible workarounds?

  • 写回答

1条回答 默认 最新

  • weixin_33705053 2016-07-28 23:02
    关注

    The JSON you're getting back looks like this:

    {
        "AddressData": {
            "OrderNo": "4200",
            "CustomerRef": "A1011",
            "DelAddress1": "4 Test Road",
            "DelAddress2": "Testing Lane",
            "DelAddress3": "Testland",
            "DelAddress4": "UK",
            "DelPostCode": "DB11 8DA"
        },
        "CustomerRef": "A1011",
        "CustomerName": "John Doe",
        "CustomerData": {
            "Email": "JohnDoe2500@gmail.com",
            "Phone": "07785442"
        }
    }
    

    That's not something you have to loop through with $.each, and looping through it with $.each is the problem.

    Just use it directly:

    $("button").click(function() {
        $.getJSON("https://api.myjson.com/bins/503aj", function(obj) {
            $("ul").append("<div>" + obj.CustomerRef + "</div>" + "<div>" + obj.CustomerName + "</div>" + "<div>" + obj.AddressData.DelAddress1 + "</div>");
        });
    });
    

    Note that the three fields you're accessing are accessed in that like this:

    • obj.CustomerRef
    • obj.CustomerName
    • obj.AddressData.DelAddress1

    Updated Fiddle

    评论

报告相同问题?

悬赏问题

  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿