Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.01.2019, 22:34
Новичок на форуме
Отправить личное сообщение для frodo4500 Посмотреть профиль Найти все сообщения от frodo4500
 
Регистрация: 21.01.2019
Сообщений: 2

Вывод данных, получаемых с json файла
Здравствуйте дамы и господа. Я обращаюсь к вам за помощь.
Есть json файл на локальной машине. Я должен его разобрать и представить данные в виде таблицы. Мне подсказали как можно сделать, но я не понимаю как можно обращаться к одним элементам объекта, через другие в том примере, что мне скинули.

<script>
  $.getJSON("data.json", json => {
    $('#demo').append(`<thead><tr></tr></thead>`);
    $('#demo').append(`<tbody><tr></tr></tbody>`);
    $.each(json.month_keys, (key, val) => {
      $('#demo thead tr').append(`<th>${key}</th>`);
      $('#demo tbody tr').append(`<td></td>`);
      $.each(val, (k, v) => $('#demo tbody tr td').last().append(`<div><td>${v}</td></div>`));
    });
  });
  </script>
Вложения:
Тип файла: zip Новая папка.zip (1.4 Кб, 3 просмотров)

Последний раз редактировалось frodo4500, 21.01.2019 в 23:16. Причина: Не понятна суть вопроса
Ответить с цитированием
  #2 (permalink)  
Старый 21.01.2019, 22:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,115

frodo4500,
вопрос то в чём?
Ответить с цитированием
  #3 (permalink)  
Старый 21.01.2019, 23:14
Новичок на форуме
Отправить личное сообщение для frodo4500 Посмотреть профиль Найти все сообщения от frodo4500
 
Регистрация: 21.01.2019
Сообщений: 2

$.each(val, (k, v) => $('#demo tbody tr td').last().append(`<div><td>${v}</td></div>`));

данная строка по идее выводит все данные, которые вложены в json.month_keys . Но она их не выводит И я не пойму, почему таким вариантом у меня тоже не получается
$.getJSON("data.json", function(json) {
            for (i = 0; i < month_keys.length; i++){
                document.getElementById("demo").innerHTML = "<tr><td>" + json.table_data[i] +"</tr></td>";
                    for (k = 0; k < month_keys.month_.data.length; k++){
                        for (n = 0; n < month_keys.month_.data[k].RC_P.length; n++){
                            document.getElementById("text").innerHTML = "<tr><td>" + month_keys.month_.data[k].RC_P[n] +"</tr></td>";
                        }
                        for (n = 0; n < month_keys.month_.data[k].RC_Q.length; n++){
                            document.getElementById("text").innerHTML = "<tr><td>" + month_keys.month_.data[k].RC_Q[n] +"</tr></td>";
                        }
                    }
                }
            }
        ,
    );
Ответить с цитированием
  #4 (permalink)  
Старый 21.01.2019, 23:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,115

frodo4500,
$.getJSON("data.json", json => {
    $('#demo').append(`<thead><tr></tr></thead>`);
    $('#demo').append(`<tbody><tr></tr></tbody>`);
    $.each(json.month_keys, (key, val) => {
      $('#demo thead tr').append(`<th>${val}</th>`);
      $.each(json.month_data['chart_data_y'][val], (k, v) =>{
      let tr = $('#demo tbody tr')[k];
      tr = tr ? $(tr) : $('<tr/>').appendTo('#demo tbody');
      $(`<td>${v}</td>`).appendTo(tr)
      } );
    });
  });
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Чтение и вывод данных из нескольких файлов Nikc174 Элементы интерфейса 7 15.06.2018 15:54
Вывод данных на страницу из CSV файла Sowenak Общие вопросы Javascript 2 10.10.2016 07:04
вывод данных из массива JSON Vincent Vega jQuery 19 04.03.2016 13:44
Вывод данных из XML файла на странице HTML с помощью JavaScript. MSDeveloper Общие вопросы Javascript 3 20.08.2014 22:11
Сортировка JSON данных в цикле Fareastaz jQuery 12 15.03.2013 20:20