Koa.js 表单数据
表单是网络的一个组成部分。几乎我们访问的每个网站都为我们提供了为我们提交或获取一些信息的表单。要开始使用表单，我们将首先安装 koa-body。要安装它，请转到您的终端并使用-
$ npm install--save koa-body
将您的 app.js 文件内容替换为以下代码。
var koa = require('koa');
var router = require('koa-router');
var bodyParser = require('koa-body');
var app = koa();
//Set up Pug
var Pug = require('koa-pug');
var pug = new Pug({
viewPath: './views',
basedir: './views',
app: app //Equivalent to app.use(pug)
});
//Set up body parsing middleware
app.use(bodyParser({
formidable:{uploadDir: './uploads'},
multipart: true,
urlencoded: true
}));
_.get('/', renderForm);
_.post('/', handleForm);
function * renderForm(){
this.render('form');
}
function *handleForm(){
console.log(this.request.body);
console.log(this.req.body);
this.body = this.request.body; //this is where the parsed request is stored
}
app.use(_.routes());
app.listen(3000);
我们在这里做的新事情是导入正文解析器和 multer。我们使用 body 解析器来解析 json 和 x-www-form-urlencoded 头请求，而我们使用 multer 来解析 multipart/form-data。
让我们创建一个 html 表单来测试一下！使用以下代码创建一个名为 form.pug 的新视图。
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 = "Koa form")
br
button(type = "submit") Send my greetings
使用-
运行您的服务器
现在转到 localhost:3000/并根据需要填写表格，然后提交。您将收到以下回复-
查看您的控制台，它会将您的请求正文显示为 JavaScript 对象。例如-
this.request.body 对象包含您解析的请求正文。要使用该对象中的字段，只需将它们用作普通 JS 对象即可。
这只是发送请求的一种方式。还有很多其他的方式，但这里不涉及这些，因为我们的 Koa 应用程序会以相同的方式处理所有这些请求。要了解有关发出请求的不同方式的更多信息，请查看 这个页面。
