koa2中post提交数据并获取值

小灰灰 2021-12-01 09:59 392阅读 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>
            密   码：<input type="password" name="password">
            <br>
            <button type="submit">提交</button>
        </form>
    </body>
    </html>

#### 安装bodyparser中间件 ####

[https://www.npmjs.com/package/koa-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);

[https_www.npmjs.com_package_koa-bodyparser]: https://www.npmjs.com/package/koa-bodyparser

发表评论取消回复

表情：

评论列表（有 0 条评论，392人围观）

还没有评论，来说两句吧...

相关阅读

相关以Post 提交数据，并打开提交页面

方法很简单，不过有时候我们进入了思维定势中出不来了，导致想不到解决方案！一般说打开页面我们首先想到的就是 window.open 这个方法，或者是通过 jquery.aj

野性酷女/ 2024年02月17日 23:00/ 0 赞/ 38 阅读

相关 [Koa2]利用mongoose在koa2中连接到MongoDB并新增数据库和数据

新建dbs目录在dbs目录下新建config.js和models目录在models目录下新建person.js ![在这里插入图片描述][watermark_t

柔光的暖阳◎/ 2022年12月01日 14:18/ 0 赞/ 297 阅读

相关 PHP动态添加INPUT并获取值

最近在完成一个需求的时候，由于不确定选项有多少个，所以就想到了动态添加input并最终合成json存到数据库，之前自己也没做过相关的东西，所以就想利用这次试试能

系统管理员/ 2022年11月21日 09:25/ 0 赞/ 197 阅读

相关 KOA2post提交数据的几种方式

KOA2post提交数据的几种方式 1.最原始的js方式 > 首先封装一个异步方法用来传递post请求的数据 exports.getPostData =

拼搏现实的明天。/ 2022年10月19日 05:36/ 0 赞/ 229 阅读

相关四种常见的 POST 提交数据方式对应的content-type取值

做前后端分离一般都有第3中，第一种基本上jquery那年代用的了第2种在需要传文件时用的 [https://www.cnblogs.com/wus

布满荆棘的人生/ 2022年10月05日 13:51/ 0 赞/ 203 阅读

相关 ajax post 提交大量数据

在做个彩票项目的时候，有个业务是需要一个大型的数组通过ajax把一个大型数组传到后台，网上搜了一大轮，发觉说的都是说这种方式使用ajax不符合业务要求。或者问非所答，很少

秒速五厘米/ 2022年06月12日 09:45/ 0 赞/ 396 阅读

相关四种常见的 POST 提交数据方式对应的content-type取值

如果用post方式： <form action="" method="post" enctype="multipart/form-data"></form> encty

Dear 丶/ 2022年05月19日 02:12/ 0 赞/ 195 阅读

相关 postman 提交post，提交json类型的数据

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1

心已赠人/ 2022年03月25日 06:28/ 0 赞/ 279 阅读

相关 koa2中post提交数据并获取值

html表单 index.ejs <!DOCTYPE html> <html lang="en"> <head> <meta c

小灰灰/ 2021年12月01日 09:59/ 0 赞/ 393 阅读

相关 koa 获取post数据

方式一: 1、安装 cnpm install koa-bodyparser --save 2、引入 const body

亦凉/ 2021年07月24日 17:24/ 0 赞/ 372 阅读