表单输入输出到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小时内删除。
- 上一篇: 使用kaist数据集训练tf
- 下一篇: 云盘搜索工具,为你打造无限可能
发布评论