使用Javascript顯示嵌套的JSON數據

Question

下午都

我正在嘗試從嵌套的json對象解析數據。

例如： member.accuracy

目前，它正在返回結果undefined 。

我的代碼：

JSON（places.json）：

{
"request_time": "2019-05-30T13:48:39+01:00",
"source": "Network Rail",
"acknowledgements": "Contains information of Network Rail Infrastructure Limited. License http://www.networkrail.co.uk/data-feeds/terms-and-conditions/",
"member": [
{
"type": "train_station",
"name": "London Euston",
"latitude": 51.528135,
"longitude": -0.133924,
"accuracy": 100,
"station_code": "EUS",
"tiploc_code": "EUSTON"
}
]
}

HTML：

   <html>  
    <head>  
    <meta content="text/html; charset=utf-8">  
    <title>AJAX JSON by Javatpoint</title>  
    <script type="application/javascript">  
    function load()  
    {  
       var url = "http://myurl.places.json?";
       var request;  

       if(window.XMLHttpRequest){    
        request=new XMLHttpRequest();//for Chrome, mozilla etc  
       }    
       else if(window.ActiveXObject){    
        request=new ActiveXObject("Microsoft.XMLHTTP");//for IE only  
       }    
       request.onreadystatechange  = function(){  
          if (request.readyState == 4  )  
          {  
            var jsonObj = JSON.parse(request.responseText);//JSON.parse() returns JSON object  
            document.getElementById("date").innerHTML =  jsonObj.request_time;  
            document.getElementById("time").innerHTML = jsonObj.member.accuracy;  
          }  
       }  
       request.open("GET", url, true);  
       request.send();  
    }  
    </script>  
    </head>  
    <body onload="load()">  

    Date: <span id="date"></span><br/>  
    Time: <span id="time"></span><br/>  


    </body>  
    </html>

任何幫助將非常感激！

謝謝，

布拉德

Answer 1

正如您在json文件中看到的那樣，member屬性包含一個數組，其中包含一個對象。 為了獲得accuracy ，您必須使用索引來訪問它：

 var jsonObj = { "member": [{ "type": "train_station", "name": "London Euston", "latitude": 51.528135, "longitude": -0.133924, "accuracy": 100, "station_code": "EUS", "tiploc_code": "EUSTON" }] } console.log(jsonObj.member[0].accuracy)

請注意，如果您要通過某種API來獲取此數據，則在以后的獲取中此數組中可能存在多個對象，並且第一個元素（索引0 ）可能不是您要查找的對象。

使用Javascript顯示嵌套的JSON數據

問題描述

1 個解決方案

解決方案1
3 已采納 2019-05-30 12:55:31

使用Javascript顯示嵌套的JSON數據

問題描述

1 個解決方案

解決方案1 3 已采納 2019-05-30 12:55:31

解決方案1
3 已采納 2019-05-30 12:55:31