Мне нужна помощь с рендерингом данных из API в html/handlebars.
Я немного запутался в том, как отображать данные на странице
Вот что я получил до сих пор:
МАРШРУТЫ ПАПКА/ФАЙЛ:
const express = require('express');
const router = express.Router();
const us_states = require('../us_state.js');
const fetch = require('node-fetch');
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Find My Election', states: us_states });
});
/* GET Election List. */
router.post('/upcomingelections', function(req, res, next) {
fetch(`https://api.turbovote.org/elections/upcoming?district-divisions=ocd-division/country:us/state:ma,ocd-division/country:us/state:ma/place:wayland
`, {
method: 'get',
headers: { 'Accept': 'application/json' },
})
.then(res => res.json())
.then(json => console.info(json));
res.render('electionlist');
});
module.exports = router;
Пока я сделал запрос на получение, и данные сохранены. затем я использую res.send для отправки данных на страницу руля для отображения. Ни одна из данных, которые я хочу, не отображается на странице. Я не могу понять, что я сделал не так. ФАЙЛ HTML/РУЛЕЙ :
<div class = "resultcontainer">
<h1 class = "resultTitle"> UPCOMING ELECTION(S)</h1>
<div id = "wrapper">
<table id = "keywords" cellspacing = "0" cellpadding = "0">
<thead>
<tr>
<th><span>Description</span></th>
<th><span>Date</span></th>
<th><span>Registration Deadline</span></th>
<th><span>Election Level</span></th>
<th><span>Website</span></th>
</tr>
</thead>
{{#if json}}
<tbody>
<tr>
<td class = "lalign"></td>
<td>{{{json.description}}}</td>
<td>{{{json.date}}}}</td>
<td>{{{json.district-divisions[0]['election-authority-level']}}}</td>
<a href = {{{json.website}}}>link</a>
</tr>
</tbody>
{{else}}
<p class = "empty">No upcoming election</p>
{{/if}}
</div>
</div>



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вам нужно подождать, пока fetch не будет выполнено перед рендерингом. Прямо сейчас вы выполняете рендеринг без ожидания и не передаете никаких данных в res.render
Также вы всегда должны обрабатывать ошибку. Добавьте .catch в цепочку обещаний, чтобы в случае неудачи запроса вы могли завершить запрос.
router.post('/upcomingelections', function(req, res, next) {
fetch(`https://api.turbovote.org/elections/upcoming?district-divisions=ocd-division/country:us/state:ma,ocd-division/country:us/state:ma/place:wayland`, {
method: 'get',
headers: {
'Accept': 'application/json'
},
})
.then(res => res.json())
.then(json => {
console.info(json);
res.render('electionlist', { json });
})
.catch(err => res.status(500).send(e.message));
});
Покажи какие данные есть, добавь вывод лога консоли. Возможно, вы неправильно к нему обращаетесь.
вау, не могу поверить, что я забыл это. данные возвращаются, но не отображаются в файле руля