jquery - 使用 GetJSON Jquery 解析复杂数组

Question

TLDR:

1. 以 this question 开头在部分工作完成后对其进行了简化，并在此处继续。
2. 我需要“获取”JSON 数组
3. 正确格式化它，并将数组中的每个内容放置在相应的 DIV 中。
4. ??
5. 它有效。

<小时/>

这是 this question 的后续内容简化并继续。

我需要从数组中获取一些复杂的 JSON 数据。有了它，我需要标题和它的值(value)。我这样做的原因是因为我知道数组的名称，但不知道数组内部生成的数据。

假设这个新数组如下所示:

{
  "Days": [{
      "day": "Sunday",
      "time": "10.00"
    },
    {
      "day": "Monday",
      "time": "12.00"
    },
    {
      "day": "Tuesday",
      "time": "09.00"
    },
    {
      "day": "Wednesday",
      "time": "10.00"
    },
    {
      "day": "Thursday",
      "time": "02.00"
    },
    {
      "day": "Friday",
      "time": "05.00"
    },
    {
      "day": "Saturday",
      "time": "08.00"
    }
  ]
}

感谢(Matthew Flaschen)修复

我需要它来获得周日和 10 点以及所有其他时间。

我现在解析这个的代码如下:

$.getJSON(url,
  function(data) {
    $.each(data, function(i, item) {
      $('.testfield').append('<p>' + item + '</p>');
    });
  });

如果没有在每个日期添加时间，它将按如下方式解析数据:

Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday

将时间添加到数组中的日期后，Firebug 不再将其识别为 JSON 字符串。所以我猜我在这里格式化了一些错误的东西。另外，我需要每天和时间都在新的线路上，我认为

$('.testfield').append('<p>' + item + '</p>' + '<br />');

本可以将每个应用到一个新行，但这不起作用。

1. 如何让每一天或每一项都换成新行？
2. 如何让 $getjson 正确解析数据 day 及其值，并将其放入 div 中？

Answer 1

试试这个(重新格式化的 JSON - 下次使用 JSONLint 检查您的 JSON):

{
    "Days": [
        {
            "Sunday": "10.00",
            "Monday": "12.00",
            "Tuesday": "09.00",
            "Wednesday": "10.00",
            "Thursday": "02.00",
            "Friday": "05.00",
            "Saturday": "08.00" 
        }
    ]
}

使用它的脚本:

 $.getJSON( url, function(data){
  $.each(data.Days[0], function(key,value){
   $('.testfield').append('<p>' + key + ' : ' + value + '</p>');
  });
 });