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

Question

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

5

我应该如何从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");
});

- Felipe Garcia-Diaz

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- whatoncewaslost · Accepted Answer

你无法使用 .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，并在服务器端呈现它，然后将其发送到浏览器。