如何使用 expressJS 向客户端发送数据

Question

我将如何从 expressJS 检索数据？也就是说它不会被覆盖或重定向用户。

<html>
    <body>
        <h1>Retrieved data</h1>
    </body>
</html>

例如，如果服务器端看起来像这样，我将如何添加它？

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

app.get("/", function (req, res) {
    res.sendFile(__dirname + "/index.html");
    //how do i add data to the <h1> tag
});

app.listen(10022, function () {
    console.log("server is up");
});

Answer 1

您无法使用 .html 文件来完成此操作。您需要一个 EJS 文件。其标记如下所示。

<html>
    <body>
        <h1>Retrieved <%= data %></h1>
    </body>
</html>

那么您将需要 ejs 模块。运行以下 NPM 命令。

npm install ejs

因此，将您的 index.html 更改为 index.ejs，确保它位于名为 views 的目录中，然后将您的服务器端代码修改为此。

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

app.set("view engine", "ejs");

app.get("/", function (req, res) {
        res.render("index", {data: 'This is the data'});
});

app.listen(10022, function () {
        console.log("server is up");
});

EJS 是一种转换为 HTML 的模板语言，获取您通过呈现方法传入的数据对象，在服务器端呈现它，然后将其发送到浏览器。

如何使用 expressJS 向客户端发送数据

how to send data to client with expressJS

backend

node.js

express