我需要知道,我有一个 json 文件。现在我需要获取该 json 数据并在我的 html 页面上显示每个数据。我有几个代码。帮我修好那个小东西。
- 成功时我需要在显示结果之前发出警报
- 我想在出现错误时显示错误消息之前发出警报
- 我刚刚更新了我的问题,因为答案给出了,仍然无法正常工作
- 我需要在结果div中显示结果
这是我的测试 Jquery 页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.getJSON demo</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<h1>My Home Page</h1>
<div id="results">
<!-- Display Jason Data -->
</div>
<script>
var newsURL_test = "http://localhost:81/testjs/data.json";
jQuery.ajax({
url: this.newsURL_test,
type: "GET",
success: function (data) {
iterateJson(data);
},
error: function() {
//
alert("I'm in Error");
alert(newsURL_test);
}
});
function iterateJson(data) {
$.each(data, function() {
$.each(this, function(k,v) {
var capacity=v["_capacity"];
var description=v["_description"];
var dev_default_view=v["_dev_default_view"];
var deviceID=v["_deviceID"];
var deviceName=v["_deviceName"];
var deviceTypeID=v["_deviceTypeID"];
var projectID=v["_projectID"];
var roomID=v["_roomID"];
var roomName=v["_roomName"];
var room_admin_mail=v["_room_admin_mail"];
});
});
}
</script>
</body>
</html>
这是我的 Json 文件代码- data.json
{"JsonProjectIDResult":[{"_capacity":15,"_description":"Meeting Room","_dev_default_view":3,"_deviceID":1,"_deviceName":"MobiTech","_deviceTypeID":1,"_projectID":1,"_roomID":2,"_roomName":"Room2","_room_admin_mail":null}]}