將 nodejs 中的數據顯示為 html

Question

我有一個 nodejs 項目，它登錄一個頁面並使用 expressjs 在其他頁面中顯示結果。

這是我的 login.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（例如問題頁面中的結果：當我在登錄頁面提交“你好”時，你的名字是約翰）。 非常感謝！

Answer 1

您可以像下面這樣呈現問題頁面。

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>

將 nodejs 中的數據顯示為 html

問題描述

1 個解決方案

解決方案1
0 已采納 2020-02-26 00:25:22

將 nodejs 中的數據顯示為 html

問題描述

1 個解決方案

解決方案1 0 已采納 2020-02-26 00:25:22

解決方案1
0 已采納 2020-02-26 00:25:22