如何使用导入的路由器将提交的表单输入输出到EJS

编程入门 行业动态 更新时间:2024-10-11 15:15:22

如何使用导入的路由器将提交的<a href=https://www.elefans.com/category/jswz/34/1771263.html style=表单输入输出到EJS"/>

如何使用导入的路由器将提交的表单输入输出到EJS

[当前,我想提交表单,之后,标题和描述应该像在Todo应用程序中那样输出,但是为什么在我的情况下它不起作用。

//server.js
const postsRoute = require('./routes/posts');

app.use('/posts', postsRoute);

//router/posts.js
router.post('/', async(req, res) => {
    const post = new Post({
        title: req.body.title,
        description: req.body.description
    });

    try {
        const postSaved = await post.save()
        res.json(postSaved);
        res.render('productPage.ejs')
    } catch(err) {
        res.json({ message: err })
    }
});
<form action="/posts" method="POST">
    <div>
      <label for="say">What greeting do you want to say?</label>
      <input name="title" id="say">
    </div>

    <div>
      <label for="to">Who do you want to say it to?</label>
      <input name="description" id="to">
    </div>

    <div>
      <button type="submit">Send my greetings</button>
    </div>
 </form>
回答如下:

为了用输入值呈现页面,您可以添加此行'title': req.body.title,而对您的description也是如此。>>

 try {
            const postSaved = await post.save();
            console.log(postSaved)  
            res.render('productPage.ejs', { 'title': req.body.title , 'description':req.body.description })
        } catch(err) {
            res.json({ message: err })
        }

和您的productPage.ejs看起来像这样

this is Title <%= title %> <br>
this is description <%= description %> 

更多推荐

如何使用导入的路由器将提交的表单输入输出到EJS

本文发布于:2024-05-07 09:42:34,感谢您对本站的认可!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:表单   如何使用   路由器   输入输出   EJS

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!