最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

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

网站源码admin22浏览0评论

如何使用导入的路由器将提交的表单输入输出到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 %> 
发布评论

评论列表(0)

  1. 暂无评论