将捕获的数据从 node.js 中的 API 发送到 html table

Question

我正在学习 node.js 并致力于创建一个 Web 应用程序来为投资者管理股票市场投资组合的项目。我不知道如何将捕获的数据从 API 发送到 html 中的 table 单元格。这是我的 node.js 代码

  node.js file

const express = require("express");
const https = require("https");
const bodyParser = require("body-parser");


const app = express();

app.use(bodyParser.urlencoded({extented:true});

app.get ("/", function(req,res){

//The stock market API
  const url= "https://api.{stock-market-api}"

//https get request to API
  https.get(url, function(response){
    console.log(response.statusCode);

    response.on("data", function(data){
     //converting the API jason data to javascript object
      const stockDataObject = JSON.parse(data);
    //capturing the data I want to a const name companyPrice      
     const companyPrice = stockDataObject.data.comapny1.IN3wmk;
    })
  })


});


app.listen(3000, function(){
  console.log("sever is running");
})

html file

<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>document</title>
    <style media="screen">
    table, th, td {
      border: 1px solid black;
    }
    </style>
  </head>
  <body>
    <h1>Market portfolio</h1>

    <table>
      <thead>
        <tr>
        <th>table head1</th>
        <th>table head2</th>
        <th>table head3</th>
        <th>table head4</th>
        </tr>
      </thead>
      <tbody>
        <tr>
        <td>data1</td>
        <td>data2</td>
        <td>data3</td>
        <td>data4</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

如何将从“const comapnyPrice”捕获的数据发送到 html table 中 td 元素中的 data4 单元格。请帮助我，因为我是编码的初学者。非常感谢

Answer 1

因为您说自己是初学者，所以这里有很多东西要解压。它更像是一堂课，告诉您如何制作应用程序的主要部分，而不是修复错误的答案。我所能做的就是为您指出一些可能对您有帮助的资源。

EJS Documentation
这就是所谓的服务器端渲染。有了这个，您就可以在将数据提供给客户端之前将数据放入文件中。

Fetch Documentation
如果您希望客户端查询数据，请使用此选项。（意味着数据是通过页面本身的脚本文件加载的）

About Async/Await
fetch 中有很多关于 promises 和 async 函数的参考，所以这对你有很大的帮助。通过查看您的代码，您似乎也会运行陷入回调问题（您可能会在某个时候尝试在回调中访问 res，这不是一个好主意）。使用 async/await 将帮助您解决这些问题。

PS：抱歉，如果这不是您所期望的答案，我只是想帮助您。

将捕获的数据从 node.js 中的 API 发送到 html table

Sending captured data from an API in node.js to a html table

html

javascript

api

web-applications

node.js