如何在没有数组作为键的情况下获取 JSON 数据？

Question

我正在尝试获取 JSON 数据以将其转换为 html，但我有权访问的 JSON 代码没有显示用作数据键的数组。

有谁知道我如何获取这些数据？我的数据值在 HTML 中显示为“未定义”。

示例数据：

[ { "stuff" : {
        "categories" : null,
        "value-1" : "a string of cool text to display",
        "value-2" : 3,
        "value-3" : null,
        "value-4" : [  ],
        "value-5" : 58505,
        "value-6" : true,
        "value-7" : false,
  } },

  { "stuff" : {
        "categories" : null,
        "value-one" : "another string of cool text to display",
        "value-two" : 3,
        "value-three" : null,
        "value-four" : [  ],
        "value-five" : 58505,
        "value-six" : true,
        "value-seven" : false,
  } }

]

示例代码：

$(function() {

    $.getJSON( "sample.json", function(data) {

        $.each(data, function() {

            $('<div></div>')
              .hide()
              .append('<p>' + this.value-one + '</p>') 
              .appendTo('#awesome')
              .fadeIn();
        });

    });

});

Answer 1

尝试：

    $.each(data, function(key, value) {
        $('<div></div>')
          .hide()
          .append('<p>' + value.stuff['value-one'] + '</p>') 
          .appendTo('#awesome')
          .fadeIn();
    });

更新：当对象键中有 - 时，您无法使用 object.value-one 访问它，您必须执行 object['value-一个']。

Answer 2

您没有正确使用 jquery each 。

    $.each(data, function(index, value) {
        $('<div></div>')
          .hide()
          .append('<p>' + value.stuff['value-one'] + '</p>') 
          .appendTo('#awesome')
          .fadeIn();
    });