Отображение вложенных данных JSON с использованием Javascript

Всем дня,

Я пытаюсь проанализировать данные из вложенного объекта json.

Например: member.accuracy

В настоящее время он возвращает результат undefined.

Мой код:

JSON (места.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>

Любая помощь приветствуется!

Спасибо,

Брэд

javascript html json

30.05.2019 14:52

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

1 508

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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.info(jsonObj.member[0].accuracy)

Имейте в виду, что если вы извлекаете эти данные из какого-либо API, в этом массиве может быть более одного объекта при будущих выборках, и первый элемент (индекс 0) может быть не тем, который вы ищете.

30.05.2019 14:55

Другие вопросы по теме

Мои изменения CSS никак не влияют на мои веб-страницы

Предотвратить перемещение области просмотра при удалении элементов DOM

Как отобразить функцию JavaScript с помощью кнопки HTML

В JavaScript, как мне проверить, что на входе присутствует только один «@»?

Ошибка: ожидается двоеточие css (css-colonexpected)

Как поместить текст внутри треугольной кнопки?

Панель расширения углового материала в виртуальной прокрутке

JQuery: как выбрать метку предка ввода

Пункт меню «Преобразование поворота» Круговое меню

Межбуквенный интервал CSS вместе со сквозной строкой

Отображение вложенных данных JSON с использованием Javascript

Ответы 1

Другие вопросы по теме

Похожие вопросы