将数据从nodejs显示到html



我有一个nodejs项目,它登录到一个页面中,并使用expressjs在其他页面中显示结果。

这是我的登录。ejs:

<!DOCTYPE html>
<html lang="en" dir="ltr">
<body>
<form method="POST" action="/login">
<label id="empID">Enter your name:</label>
<input name="empID" id="empID" type="text">
<input type="submit" value="Check">
</form>
</body>
</html>

这是index.js:

var express = require("express");
var bodyParser = require ('body-parser');
var app = express();
app.use(express.static("public"));
app.use(bodyParser.urlencoded({extended:true}));
app.use(bodyParser.json());
app.set("view engine", "ejs");
app.set("views", "./views");
app.listen(3000);
app.get("/login", function(request, res)  {
res.render("login");
});
app.post("/login", function(request, response){
console.log(request.body);
var empID=request.body.empID;
console.log(empID);
if (empID=="hello") {
result="John";}
else {
result="Alexa";}
});

并且目标页面是question.ejs:

<!DOCTYPE html>
<html lang="en" dir="ltr">
<div class="question-form">
<header>
Your name is...???
</header>
</div>
</html>

填写empID输入并提交Check按钮后,我如何将我的结果发送到question.ejs(例如问题页面中的结果:当我在登录页面中提交"你好"时,你的名字是John(。非常感谢!

您可以呈现如下问题页面。

res.render('question', { name: result });

并更改question.ejs以读取名称。

<!DOCTYPE html>
<html lang="en" dir="ltr">
<div class="question-form">
<header>
Your name is <% name %>
</header>
</div>
</html>

最新更新