jquery - 解析 json 输出并插入到容器中

Question

我在这个结构中有一些 json：

{"data":{"1":"file1.gif","2":"file2.jpg"}} // ... etc

我正在尝试将其输出到容器 div 中，如此处http://api.jquery.com/jQuery.getJSON/所示：

  var fileUrl = 'some/path/to/files.php';

  $('a.file').click(function () {
    $.getJSON(fileUrl, function (data) {
      var items = [];

      $.each(data, function (key, val) {
        items.push('<li id="' + key + '">' + val + '</li>');
      });

      $('<ul/>', {
        'class': 'my-new-list',
        html: items.join('')
      }).appendTo('#files');
    });

    return false;
  });

HTML：

<a href="#" class="file">Display some files</a>
<div id="files"></div>

我想我不知道如何进行正确的数据提取。非常感谢任何提示。

谢谢

Answer 1

改为这样做：

$.each(data['data'], function(key, val) {
    alert(key + " " + val);
    items.push('<li id="' + key + '">' + val + '</li>');
});

这会遍历dataJSON 中的对象

这里的工作示例