Как поместить express get json в html и заставить его выглядеть хорошо? - PullRequest
Новая
       5

Как поместить express get json в html и заставить его выглядеть хорошо?

2 голосов
/ 11 марта 2020 
  app.get("/view", (req, res) =>{
request('https://corona.lmao.ninja/countries', (error, response, body) => {
console.error('error:', error); 
console.log('statusCode:', response && response.statusCode); 
console.log('body:', body); 
return res.send(body);
});
});

У меня работает этот код, и он дает мне json в моем браузере. Я новичок в программировании и понятия не имею, как поместить это в html или javascript, чтобы сделать красивый сайт.

Ответы [ 3 ]

0 голосов
/ 11 марта 2020

Более простой способ сделать это - создать веб-страницу, которая получает данные от https://corona.lmao.ninja/countries и форматирует данные с помощью скрипта.

Это должно помочь с этим: Как сделать JSON вызов URL-адреса?

Если вы все еще хотите сделать это так, как вы это делали выше, вам следует создать отдельную страницу HTML, которая загружает данные из / просмотра, затем форматирует его. Вы должны сделать это на веб-странице, используя Fetch API: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

0 голосов
/ 11 марта 2020 
obj=JSON.parse(body)
var jsonstr=JSON.stringify(obj)
document.body.innerHTML=jsonstr
0 голосов
/ 11 марта 2020

Начните с простого. Сначала определите, является ли тело, возвращаемое из request (), объектом или строкой. Если это строка, то вам нужно разобрать, используя obj = JSON .parse (body), чтобы получить объект.

Оттуда вы можете попробовать быстро и грязно:

res.send(`<html><body>Hi! Here is my json: <span color='red'> ${JSON.toString(obj)}</span></body></html>`)

Это должно помочь вам начать. Следующим шагом будет вывод различных полей obj для разделения HTML элементов (span, divs, таблиц и т. Д.).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...