从 JSON URL 获取数据并在 (JQuery.ajax) 中显示结果答案

【问题标题】：Get data from JSON URL and Display results in (JQuery.ajax)从 JSON URL 获取数据并在 (JQuery.ajax) 中显示结果
【发布时间】：2013-08-24 23:12:30
【问题描述】：

我需要知道，我有一个 json 文件。现在我需要获取该 json 数据并在我的 html 页面上显示每个数据。我有几个代码。帮我解决这个小问题。

成功后显示结果前需要提醒
我想在出现错误时在显示错误消息之前发出警告
我刚刚更新了我的问题，因为答案给出了，仍然无法正常工作
我需要在 results 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}]}

【问题讨论】：

标签： jquery jsonp getjson

【解决方案1】：

使用 iterateJson 函数迭代您的 json 响应。

jQuery.ajax({
    url: this.newsURL, //This URL is for Json file
    type:"GET",
    dataType: "json",
    success: function(data) {
        iterateJson(data);
    },
    error: function() {
        //Do alert is error
    }
});




function iterateJson(data)
{

    $.each(data, function() {
            $.each(this, function(k, v) {
                var capacity=v["_capacity"];
                 ......................................

          });
     });

}

【讨论】：

var 容量 = v["_capacity"]; var description = v["_description"]; var dev_default_view = v["_dev_default_view"]; var deviceID = v["_deviceID"];等等等等……什么都没发生。在萤火虫它总是得到错误
添加数据类型：“json”，如编辑后的答案所示并检查结果