Показать данные от nodejs до html - PullRequest
0 голосов
/ 26 февраля 2020

У меня есть nodejs проект, который входит на страницу и показывает результат на другой странице, используя expressjs.

Это мой login.e js:

<!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>

и это индекс. 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.e js:

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

Как я могу отправить свой результат на question.e js (например, страница результатов в вопросе: вас зовут Джон, когда я отправляю "привет" на странице входа в систему) после того, как я заполнил ввод empID и отправил кнопку проверки. Большое вам спасибо!

1 Ответ

0 голосов
/ 26 февраля 2020

Вы можете отобразить страницу вопроса следующим образом.

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

И изменить вопрос.e js, чтобы прочитать имя.

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <div class="question-form">
        <header>
            Your name is <% name %>
        </header>
    </div>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...