如何从API获取json并在HTML中显示？

我开始学习Nodejs，并为mysql数据库制作了一个API

GET请求工作，在我调用时如下所示，例如：

{
    "error": false,
    "data": [
        {
            "IDC": 1,
            "Nom": "Dupond",
            "Prenom": "Jean",
            "DateNaiss": "01/01/1980",
            "Adresse": "1 Place de la République Marseille",
            "DatePermis": "01/01/2000"
        },
        {
            "IDC": 2,
            "Nom": "Pignon",
            "Prenom": "Francois",
            "DateNaiss": "20/04/1996",
            "Adresse": "2 Place de la République Marseille",
            "DatePermis": "01/01/2017"
        },
        {
            "IDC": 3,
            "Nom": "Leblanc",
            "Prenom": "Juste",
            "DateNaiss": "01/01/1996",
            "Adresse": "3 Place de la République Marseille",
            "DatePermis": "01/01/2019"
        }
    ],
    "message": "Liste clients"
}

现在我做了一个新的项目，想创建一个网站，从我的API中获取数据，并将其显示在一个漂亮的HTML表格中，然后添加按钮来创建和编辑数据。。。但我意识到我不知道如何正确地做。 我只在控制台中显示了Json

var express = require('express');
var app = express();

const fetch = require("node-fetch");


// URL par défaut
 app.get('/', function (req, res) {
var url = 'http://localhost:3000/client';
fetch(url)
  .then((res) => { 
    return res.json() 
  })
  .then((jsonData) => {
    console.log(jsonData);
    //It's probably here that I need to write HTML, but how does it work ?
  })
  .catch((err) => {
    console.error(err);
  });
 });
//-------------------------------------
 app.listen(3001, function () {
     console.log('Node app is running on port 3001');
 });
 module.exports = app;

---

如何从API中获取数据并将其显示在表中？

在您的第一个

中，然后

您正在声明一个名为

res

的参数。您应该将其命名为类似于

data

，并将其返回到

res.json

中

所以你的行

。然后（（res）=>{

应该是

。然后（（data）=>{

您的行

return res.json（）

应该是

return res.json（data）

---

实际上，您正在重写从

express

提交的

res

参数。因此您的

res.json（）

根本不起作用。另外，要将数据发送到前端（用户），您需要将数据传递到您使用的方法（

res.json（数据）

，

res.send（数据）

，

res.write（数据）

等）

您好，您的请求应该在前端，为什么您要在后端发出请求？在前端使用javascript并从html页面发出请求并显示数据您是对的，实际上我没有想到这一点。对所有这些仍然很陌生。对不起！但是我应该在哪里编写html+JS呢？下面是

app.get（'/'，function（req，res））的内容{

这会说“如果你转到这个页面，那么就使用这个index.html文件”？这样我就可以将数据发送到该页面，这样我的获取就不会毫无用处。检查此示例：或者搜索一些express starter模板，看看它是如何完成的！我不知道应该在哪里编写HTML以及在哪里编写类似“在数据写入

client.nom中为每个客户端”的内容等等。这是我正在努力的主要部分，您可以添加HTML作为字符串格式，如下所示：

res.send（“你好吗？很好，谢谢”
”