javascript - 使用 jQuery 解析对象的 JSON 数组

Question

我想做的是解析这个 JSON:http://www.theunjust.com/test/container.php

此时让它显示...

这是我当前的代码(全部被顶起)

$(document).ready(function(){
    var jsonurl = "container.php";
  $.getJSON(jsonurl, function(data) {         
    $.each(data.encompass,function(i,valu){
    var content,
    cont = '',
    tainers = valu.containers;

  $.each(tainers, function (i) {
    var tid = tainers[i].TID,
    top = tainers[i].Top,
    cat = tainers[i].Category,
    date = tainers[i].Date,
    icon = tainers[i].Icon,
    clink = tainers[i].ContainerLink,
    uid = tainers[i].UniqueID;

        cont += '<a href="' + clink + '">' + uid + '</a> ';
        $('ul').append('<li>' + tid + ' - ' + top + ' - ' + cat + ' - ' + date + ' - ' + icon + ' - ' + clink + ' - ' + uid + ' (' + cont + ')</li>');
    }); 
  }); 
}); 
});

我知道代码没有意义，这对我来说更像是一种学习经验，而不是一个功能工具。问题可能出在 JSON 数据本身，如果是这种情况，您会推荐什么 stackoverflow Web 服务帖子？

我最终的目标是运行多个 Web 服务并将它们结合起来...这样 container.php 加载并具有包装 div 所需的所有信息，然后 entries.php 加载并填充 div由容器生成..

我目前正在学习 jQuery，老实说，我还没有达到这个水平，但我很快就到了。

非常感谢您的帮助，希望您能为我指明成为一名 JSON 解析专家的方向!

Answer 1

containers 包含单个节点。所以简单地使用

$.each(tainers, function (i, v) {
    var tid = v.TID,
    top = v.Top,
    cat = v.Category,
    date = v.Date,
    icon = v.Icon,
    clink = v.ContainerLink,
    uid = v.UniqueID;

    cont += '<a href="' + clink + '">' + uid + '</a> ';
    $('ul').append('<li>' + tid + ' - ' + top + ' - ' + cat + ' - ' + date + ' - ' + icon + ' - ' + clink + ' - ' + uid + ' (' + cont + ')</li>');
});