koa 基礎（十一）koa 中 koa-bodyparser 中間件獲取表單提交的數據

1.app.js

/**
 * koa 中 koa-bodyparser 中間件獲取表單提交的數據
 * 一、npm install --save koa-bodyparser
 * 二、引入 const bodyParser = require('koa-bodyparser');
 * 三、app.use(bodyParser());
 * 四、ctx.request.body; 獲取表單提交的數據
 */
// 引入模塊
const Koa = require('koa');
const router = require('koa-router')(); /*引入是實例化路由 推薦*/
const views = require('koa-views');
const bodyParser = require('koa-bodyparser');

// 實例化
let app = new Koa();

// 應用ejs模板引擎
app.use(views('views', { map: { html: 'ejs' } }));

// 配置post bodyparser的中間件
app.use(bodyParser());

router.get('/', async (ctx) => {
  await ctx.render('index');
})

// 接收post提交的數據
router.post('/doAdd', async (ctx) => {
  console.log(ctx.request.body);
  ctx.body = ctx.request.body; // 獲取表單提交的數據
})

app.use(router.routes());
app.use(router.allowedMethods());

app.listen(3000);

2.效果圖