koa2接收post请求参数formdata和json

表单提交时的请求类型为 `application/x-www-form-urlencoded`

原生的 HTML 表单 

 是没有 JSON 类型的，其总共有三种默认的格式，

• application/x-www-form-urlencoded
• multipart/form-data
• text/plain

默认为 application/x-www-form-urlencoded，可通过  表单的 enctype 指定。

所以真正意义上以 JSON 格式提交，需要借助 JavaScript，真实场景下表单也大多会走代码提交而非原生 submit 类型的 。

首页更新表单代码添加 onsubmit 方法：

- 
+ 

添加以下代码到页面以提交表单：

最后完整的后台与页面代码为：

server.js

var Koa = require("koa");
var Router = require("koa-router");
var fs = require("fs");
var bodyParser = require("koa-bodyparser");

var app = new Koa();
var router = new Router();

app.use(bodyParser());

router.get("/", async (ctx, next) => {
  ctx.type = "html";
  ctx.body = fs.createReadStream("index.html");
});

router.post("/save", async (ctx, next) => {
  ctx.body = ctx.request.body;
});

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

console.log("server started at http:localhost:3000");

index.html

  
    
    
    
    
  
  
    
      

        name:
          
        
      
      

        age:
          
        
      
      

        hobbies:
          

          
          

          
          

          
        
      
      

Submit