在Node.js和Pug中,从动态创建项目的表单中获取信息
我正在尝试创建一个应用程序,该应用程序将让用户创建贸易清单,而当我在主页上的表中选择清单时,我现在正停留在删除清单上。我有一个表单,我相信它将通过从路由器传递到页面的数组数据填充。但是,每当我尝试console.log来查看项目是否正在传递或可以接收数据时,我都会收到一个错误页面,指出传递的输入(选定)是不确定的。我是否缺少某些东西,或者甚至在node.js / express中有可能吗?
这里是哈巴狗页面上的代码,其中包含用于制作列表的表格和表格的表格
mixin getLists(listings)
each item in listings
tr
td.listcell
input(type="checkbox" name="selected" value=item.numID)
td.listcell #{item.name}
td.listcell #{item.data}
block.content
.holder
.listtable
h4.title Current Listings:
form(method="post" action="/deleteListings")
table.listings
tr
td.listcell
td.listcell Name
td.listcell Status
td.listcell Data
+pullinglists(lists)
input(type="submit" value="Delete Selected Listings")
这是我路由器的网站代码,用于将列表推送到并尝试到仪表板并尝试删除它们
const express = require('express');
const User = require('../core/user');
const router = express.Router();
const nodemailer = require('nodemailer');
const user = new User();
var listings = [];
router.get('/dashboard', (req, res, next)=> {
let user = req.session.user;
if(user)
{
res.render('dashboard', {opp:req.session.opp, name:user.username, listings:listings});
return;
}
res.redirect('/');
});
router.post('/generateListing', (req, res, next)=>{
if(req.body.name == null)
{
res.redirect('/dashboard');
}
var temp={name : req.body.name,
status: "Pending",
otherData: req.body.data,
numID: numberID
};
numberID++;
listings.push(temp);
res.redirect('/dashboard');
});
router.post('/deleteListing', (req, res, next)=>{
var i;
console.log(selected.value);
if(req.body.selected != null)
{
for(i=0; i<req.body.selected; i++)
{
//remove selected items from the array
}
}
res.render('/dashboard');
});
我在某种程度上是结识和表达的初学者,因此,如果在这里确实缺少任何明显的东西,我深表歉意。
EDIT-谢谢MikZuit指出我需要的更正。
代替
console.log(selected.value);
应该是
console.log(req.body.selected.value);
然后引导我进行以下操作以删除表单条目
if(req.body.selected != null)
{
var i;
for(i=0; i<req.body.selected.length; i++)
{
var elementToBeDeleted = listings.indexOf(req.body.selected[i]);
listings.splice(elementToBeDeleted, 1);
}
}
res.redirect('/dashboard');
回答如下:您在模板中有此:
form(method="post" action="/deleteListings")
所以我希望在服务器端看到一些以此为开头的代码:
router.post('/deleteListings', (req, res, next) => {
否则,表单将寄到哪里?
编辑:您想在致电[C0]之前添加它:
app.listen
通过这种方式,您可以访问app.use(express.json())
并获得包含您要从表单发送的所有字段名称和值的对象。
您可能还需要在表单中将req.body
设置为application/x-www-form-urlencoded
,我不确定默认值是什么,但这就是我所使用的。