从 express.js 发布请求将变量传递给 ejs 文件

Question

提交表单后，我想呈现同一页面，但在表单上方显示“消息发送成功”消息。使用此代码，我得到“参考错误，未定义味精”，当我使用相同的代码但在 GET 请求中它完美地工作时，我觉得这很奇怪。 GET 和 POST 请求之间有不同的技术吗？

const express = require('express');
const app = express();
app.set('view engine', 'ejs');

app.get('/contact', (req, res) => {
    res.render('contact');
});

app.post('/send', (req, res) => {
    res.render('contact', {msg: 'Message sent successfully!'});
});

<section class="section-b">
                <div>
                    <p><%= msg %></p>
                    <form action="send" id="contact-form" method="POST">
                        <input type="text" name="name" placeholder="Name">
                        <input type="email" name="emailContact" placeholder="E-mail"><br>
                        <textarea name="message" id="message" rows="10" placeholder="Your message here..."></textarea><br>
                        <button type="submit">Submit</button>
                    </form>
                </div>
 </section>

Answer 1

根据@Chiller的回答得出结论，如果不想使用<% if(typeof msg !== 'undefined') { %>需要在.get方法中定义msg变量，例如：

app.get('/contact', (req, res) => {
    res.render('contact', {msg: '')};
});

app.post('/send', (req, res) => {
    res.render('contact', {msg: 'Message sent successfully!'});
});

然后，您可以在.ejs 文件中使用<p><%= msg %></p>，而无需检查变量是否未定义。

但我也更喜欢@Chiller 的回答。

Answer 2

您需要检查变量 (msg) 是否已定义，在 .get("/contact") 请求中您没有将 msg 作为参数发送，这就是为什么您收到错误

 <% if(typeof msg !== 'undefined') { %>
    <p><%= msg %></p>
 <% } %>