koa2中post提交数据并获取值

最新推荐文章于 2023-05-12 09:15:45 发布

yw00yw

最新推荐文章于 2023-05-12 09:15:45 发布

阅读量1.1k

点赞数

分类专栏： koa2 文章标签： koa2的post提交数据 koa2 koa-bodyparser

本文链接：https://blog.csdn.net/yw00yw/article/details/96705673

版权

koa2 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

html表单

index.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="/doAdd" method="POST">
        用户名：<input type="text" name="username">
        <br>
        密&nbsp;&nbsp;&nbsp;码：<input type="password" name="password">
        <br>
        <button type="submit">提交</button>
    </form>
</body>
</html>

安装bodyparser中间件

https://www.npmjs.com/package/koa-bodyparser

npm install --save koa-bodyparser

使用

let Koa = require('koa');
let router = require('koa-router')();
let views = require('koa-views');
var bodyParser = require('koa-bodyparser');;

let app = new Koa();

// 配置中间件
app.use(bodyParser());

//  这种方式模板引擎为ejs
app.use(views(__dirname + '/views', {
    extension: 'ejs'
}))

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

// 接收post提交的数据
router.post('/doAdd', async (ctx) => {
    // 获取表单提交的数据
    ctx.body = ctx.request.body;
});

app.use(router.routes());

app.listen(3000);

yw00yw

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
koa2中post提交数据并获取值

html表单index.ejs<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
复制链接

扫一扫