Как построить динамическую HTML-таблицу из данных JSON с помощью узла JS? - PullRequest
Новая
       12

Как построить динамическую HTML-таблицу из данных JSON с помощью узла JS?

0 голосов
/ 05 июля 2018

В nodejs + express + postgres есть небольшой проект для самообразования. По запросу Postgres я получаю данные в формате json, затем данные в экспресс-инструментах передаются в шаблон ejs. Вопрос в том, как добавить этот json в динамическую таблицу в формате html.

Запрос к базе данных выглядит так 

    const pool = new pg.Pool(config);

 router.get('/index', (req, res, next) => {
    pool.connect(function (err, client, done) {
        if (err) {
            console.log("Can not connect to the DB" + err);
        }
        client.query('SELECT * FROM srt_final WHERE info_init @> \'{"subscriber":"999999"}\' ORDER BY id DESC LIMIT 20', function (err, result) {
             done();
             if (err) {
                 console.log(err);
                 res.status(400).send(err);
             }
             var osaka = result.rows;

                     res.render('index', {  srt: osaka });
        })

    })
 });

Данные выглядят примерно так (около 30 значений). 

    [
{"id":11653167,"info_init":
  {"date":"05.07.2018"},
   ....
  {"Time":"10:31:17"}
},
  ....
{"id":11653168,"info_init":
  {:},
    ......
  {:}
}
]

Ответы [ 2 ]

0 голосов
/ 05 июля 2018

Ссылка: Как создать таблицу HTML на основе JSON 

 var html = '<table class="table table-striped">';
    html += '<tr>';
    var flag = 0;
    $.each(data[0], function(index, value){
        html += '<th>'+index+'</th>';
    });
    html += '</tr>';
     $.each(data, function(index, value){
         html += '<tr>';
        $.each(value, function(index2, value2){
            html += '<td>'+value2+'</td>';
        });
        html += '<tr>';
     });
     html += '</table>';
     $('body').html(html);
0 голосов
/ 05 июля 2018

Это не вопрос, связанный с NodeJS, вы можете посмотреть в html таблице, как создать таблицу в html. Тогда лучше визуализировать динамическое содержимое с помощью nodejs, используя механизм представления, например, ejs.

...