表格是网络不可或缺的一部分.我们访问的几乎每个网站都为我们提供了提交或获取一些信息的表格.要开始使用表单,我们将首先安装 body-parser (用于解析JSON和url编码的数据)和multer(用于解析multipart/form数据)中间件.
要安装 body-parser 和 multer ,请转到终端并使用 :
npm install --save body-parser multer
用以下内容替换 index.js 文件内容代码 :
var express = require('express'); var bodyParser = require('body-parser'); var multer = require('multer'); var upload = multer(); var app = express(); app.get('/', function(req, res){ res.render('form'); }); app.set('view engine', 'pug'); app.set('views', './views'); // for parsing application/json app.use(bodyParser.json()); // for parsing application/xwww- app.use(bodyParser.urlencoded({ extended: true })); //form-urlencoded // for parsing multipart/form-data app.use(upload.array()); app.use(express.static('public')); app.post('/', function(req, res){ console.log(req.body); res.send("recieved your request!"); }); app.listen(3000);
导入正文解析器和multer之后,我们将使用 body-parser 来解析json和x-www-form- urlencoded标头请求,而我们将使用 multer 来解析multipart/form-data.
让我们创建一个html表单来测试它.创建一个名为 form.pug 的新视图,其中包含以下代码 :
html html head title Form Tester body form(action = "/", method = "POST") div label(for = "say") Say: input(name = "say" value = "Hi") br div label(for = "to") To: input(name = "to" value = "Express forms") br button(type = "submit") Send my greetings
使用以下命令运行服务器以下.
nodemon index.js
现在转到localhost: 3000/并填写表格,并提交.以下响应将显示 :
看看你的控制台;它会将您的请求正文显示为JavaScript对象,如下面的屏幕截图所示;
req.body 对象包含已解析的请求正文.要使用该对象中的字段,只需像普通的JS对象一样使用它们.
这是发送请求的最佳方法.还有很多其他方法,但这些方法与此无关,因为我们的Express应用程序将以相同的方式处理所有这些请求.要了解有关提出请求的不同方式的更多信息