1

私は知る必要があります、私はjsonファイルを持っています。次に、その json データを取得し、各データを html ページに表示する必要があります。私はいくつかのコードを持っています。そのささいなことを修正するためにここで私を助けてください。

  1. 成功したときに結果を表示する前に警告する必要があります
  2. エラー時にエラーメッセージを表示する前に警告したい
  3. その答えが示すように質問を更新しましたが、それでも機能しません
  4. 結果の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}]}
4

1 に答える 1

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"];
                 ......................................

          });
     });

}
于 2013-08-22T11:09:54.197 に答える