以下代码应显示我从服务器获取的 JSON 对象中的 id。我找不到错误，有人可以帮助我吗？预先感谢您!
调用http://localhost:8387/nscalemc/rest/mon/resourcestatus.json时返回的JSON对象:
{
"groupStatus": [
{
"id": "Application Layer Configuration-ApplicationLayer",
"time": 1332755316976,
"level": 0,
"warningIds": [],
"errorIds": []
},
{
"id": "Application Layer-ApplicationLayer:nscalealinst2",
"time": 1333431531046,
"level": 0,
"warningIds": [],
"errorIds": []
},
{
"id": "Application Layer-ApplicationLayer:nscalealinst1",
"time": 1333431531046,
"level": 1,
"warningIds": [
"documentarea.locked"
],
"errorIds": []
},
{
"id": "Storage Layer-StorageLayerInstance1",
"time": 1331208543687,
"level": 0,
"warningIds": [],
"errorIds": []
}
]
}
我的 HTML 文件 gadget.html:
<html>
<head>
<title>Monitor</title>
<link href="css/gadget.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/gadget.js"></script>
</head>
<body>
<div id="content"></div>
</body>
</html>
我的 JavaScript 文件“gadget.js”:
fetch_JSON();
function fetch_JSON() {
var url = "http://localhost:8387/nscalemc/rest/mon/resourcestatus.json";
$.getJSON(url+'?callback=?', function(data) {
$(data.groupStatus).each(function() {
$('#content').append('<p>ID: ' + $(this).id+ '</p>');
});
});
}
编辑: 感谢您的解决方案!我通过 Firebug 进行调试，发现 getJSON 调用以状态“401 未经授权”结束。
最佳答案
你应该这样做
$('#content').append('<p>ID: ' + this.id+ '</p>');
在这里摆弄http://jsfiddle.net/JaxpC/
编辑 - 当然你应该使用准备好的处理程序来确保 dom 存在(我不认为这是你的情况，因为我涉及到 ajax 调用，但最好确保
$(function() {
var url = "http://localhost:8387/nscalemc/rest/mon/resourcestatus.json";
$.getJSON(url+'?callback=?', function(data) {
$(data.groupStatus).each(function() {
$('#content').append('<p>ID: ' + this.id+ '</p>');
});
});
});
关于javascript - JSON 数据不会通过 jQuery getJSON() 显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9993162/