将节点的变量访问到html文件中

【问题标题】：accessing variable of node into html file将节点的变量访问到html文件中
【发布时间】：2020-03-10 13:05:48
【问题描述】：

我有一个 index.html 文件和一个 app.js nodejs 文件。我在 app.js 中有一个 var 名称，我想在我的 index.html 页面中打印该变量

代码

var name = "Utsav";
var HTTP = require('HTTP');
var fs = require('fs');

function onRequest(req, res){
     fs.readFile('index.html', function(err, data) {
        res.writeHead(200, {'Content-Type': 'text/html'});
        res.write(data);
        res.end();
    });
}

<html lang="en">
<head>
    <title>Enter your request</title>
</head>
<body>
   <label for="Name:">Name</label><br>
   <input type="text" id="req"><br>
</body>

我希望 app.js 中的 name 值打印在 index.html 的文本框中

【问题讨论】：

标签： javascript html node.js server server-side

【解决方案1】：

为了在你的 index.html 中显示数据，你可以像这样传递它。

app.get('/profile', function(request, response) {
    response.render('pages/profile', {
        user : request.user
    });
})

然后在html中，可以这样查看。

<div>
    <form>
        <fieldset>
            <input type = "text" value = "<%= user.user.username %>" />
       </fieldset>
    </form>
</div>

希望对你有帮助:)

【讨论】：

什么是user和user.user.username??
我们将其作为 json 对象传递。第一个用户是关键。其余的来自 request.user obj。它只是一个例子。你可以调用你的结果 obj 来代替 request.user 并给它任何键。就我而言，我给了它用户。
@MrKhan 您提到的这种方式类似于 EJS 模板，所以本质上您不必为此提及您的渲染引擎作为 EJS 吗？喜欢app.set('view engine', 'ejs');