我不是 JS 专家,但我已经获得了一个使用 jQuery 显示的 JSON 模型,并且对 jQuery 模板抱有希望。然而,所有文档示例似乎都是针对简单的 2 级数组,我无法将这些示例转换为我拥有的 JSON。我不清楚我是否应该使用 jQuery.tmpl()、{{each}} 或 {{tmpl}}> 或 {{wrap}} 迭代此数据。
我需要获取下面的 JSON 并显示每个“主机”名称,后跟其“状态”详细信息(CPU、磁盘、内存)。非常感谢任何有关如何继续操作的提示。
{"health":64,
"hosts":[
{
"name":"Windows2000P",
"states":[
{"name":"CPU","link":"(html link)","bgcolor":"#CC99CC"},
{"name":"Disk","link":"(html link)","bgcolor":"#CC99CC"},
{"name":"Mem","link":"(html link)","bgcolor":"#CC99CC"}
]
},
{
"name":"Windows2003",
"states":[
{"name":"CPU","link":"(html link)","bgcolor":"#98FB98"},
{"name":"Disk","link":"(html link)","bgcolor":"#98FB98"},
{"name":"Mem","link":"(html link)","bgcolor":"#F08080"}
]
},
{
"name":"Windows7",
"states":[
{"name":"CPU","link":"(html link)","bgcolor":"#98FB98"},
{"name":"Disk","link":"(html link)","bgcolor":"#98FB98"},
{"name":"Mem","link":"(html link)","bgcolor":"#F08080"}
]
}
]
}
最佳答案
以下是您可能使用的模板类型的示例:
<script type="text/x-jquery-tmpl">
<h2>${health}</h2>
{{each hosts}}
<h3>${name}</h3>
<ul>
{{each states}}
<li style="background-color: ${bgcolor};"><a href="${link}">${name}</li>
{{/each}}
</ul>
{{/each}}
</script>
关于jquery - 使用 jQuery 模板处理有些复杂的 JSON 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5321722/