Javascript 将节点变量访问到html文件中_Javascript_Html_Node.js_Server_Server Side

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

javascript html node.js server

Javascript 将节点变量访问到html文件中,javascript,html,node.js,server,server-side,Javascript,Html,Node.js,Server,Server Side,我有一个index.html文件和一个app.js nodejs文件。我在app.js中有一个变量，它是名称，我想在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.wr

我有一个index.html文件和一个app.js nodejs文件。我在app.js中有一个变量，它是名称，我想在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>

var name=“Utsav”；
var HTTP=require（'HTTP'）；
var fs=需要（'fs'）；
功能onRequest（req、res）{
fs.readFile（'index.html'，函数（err，data）{
res.writeHead（200，{'Content-Type'：'text/html'}）；
res.write（数据）；
res.end（）；
});
}
输入您的请求
名称

我希望app.js中name的值打印在index.html的文本框中，以便在index.html中显示数据，您可以这样传递它

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

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

然后在html中，您可以像这样查看它

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

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

希望它有帮助：）

对于在index.html中显示数据，您可以这样传递它

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

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

然后在html中，您可以像这样查看它

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

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

希望有帮助：）

什么是user和user.user.username？？我们将它作为json对象传递。第一个用户是关键。其余部分来自request.user obj。这只是一个例子。您可以调用result obj来代替request.user并给它任何键。在我的例子中，我给了它一个用户。@MrKhan您提到的这种方法类似于EJS模板，所以本质上您不需要将渲染引擎称为EJS吗？像

app.set（'view engine'，'ejs'）什么是user和user.user.username？？我们将它作为json对象传递。第一个用户是关键。其余部分来自request.user obj。这只是一个例子。您可以调用result obj来代替request.user并给它任何键。在我的例子中，我给了它一个用户。@MrKhan您提到的这种方法类似于EJS模板，所以本质上您不需要将渲染引擎称为EJS吗？像app.set（'view engine'，'ejs'）