Nodjoy

只做了一点微小的工作


  • 首页

  • 技术

  • 笔记

  • 杂记

  • 分享

  • 归档

  • 关于

  • 站点监控

  • 服务监控

  • 搜索

  • GitHub

  • Instagram

  • Weibo

  • Email

  • Bilibili

  • Bento

  • 抖音

  • 打赏

  • 在线笔记

  • 在线文档

  • 域名证书管理

  • 云盘

  • Download Hub

  • DockerHub Mirror

  • Harbor

  • Quick Reference

  • Linux 命令查询

  • Mock 模拟数据

  • 文档预览服务
友链
  • milu杰克
  • 小菜
close

Koa post提交数据与静态资源中间件

时间: 2020-08-10   |   分类: 笔记     |   阅读: 411 字 ~1分钟

原生Node.js获取post提交的数据

表单

<form action="/doAdd" method="post">
    用户名: <input type="text" name="username"/>
    <br/>
    <br/>
    密 码: <input type="password" name="password"/>
    <br/>
    <br/>
    <button type="submit">提交</button>
</form>

在module/common.js封装获取数据的方法

exports.getPostData=function(ctx){
    //获取数据  异步
    return new Promise(function(resolve,reject){
           try{
               let str='';
               ctx.req.on('data',function(chunk){
                   str+=chunk;
               })

               ctx.req.on('end',function(chunk){

                   resolve(str)
               })
           }catch(err){
                reject(err)
           }
    })
}

获取post提交的数据

//引用获取数据方法
var common = require('./module/common.js');
//接收post提交的数据
router.post('/doAdd',async (ctx)=>{

    //原生nodejs 在koa中获取表单提交的数据
    var data=await common.getPostData(ctx);

    console.log(data);
    ctx.body=data;
})

使用koa-bodyparser中间件获取post提交的数据

安装并引入koa-bodyparser

npm install koa-bodyparser --save

var bodyParser = require('koa-bodyparser');

配置kooa-bodyparser中间件

app.use(bodyParser());

获取post提交的数据

router.post('/doAdd',async (ctx)=>{

    ctx.body = ctx.request.body;    //获取表单提交的数据
    
})

静态资源中间件

安装koa-static并引入

npm install koa-static --save

const static = require('koa-static');

配置koa-static中间件

app.use(static('./static'));

引入静态资源

<link rel="stylesheet" href="css/basic.css"/>   //即可成功引入static/css/basic.css

喜欢这篇文章的话 打赏一下吧!

Wechat Alipay

#Koa# #Node.js#
Koa Cookie与Session
Koa路由和中间件
  • 文章目录
  • 站点概览
Nodjoy

Nodjoy

Developer & Acceleration Engineer⏩

GitHub Instagram Weibo Email Bilibili Bento 抖音 打赏
52 日志
4 分类
64 标签
工具站
在线笔记 在线文档 域名证书管理 云盘 Download Hub DockerHub Mirror Harbor Quick Reference Linux 命令查询 Mock 模拟数据 文档预览服务
友情链接
  • milu杰克
  • 小菜
  • 表单
  • 在module/common.js封装获取数据的方法
  • 获取post提交的数据
  • 安装并引入koa-bodyparser
  • 配置kooa-bodyparser中间件
  • 获取post提交的数据
  • 安装koa-static并引入
  • 配置koa-static中间件
  • 引入静态资源
京ICP备17004223号 © 2020 - NODJOY.
Powered by - HUGO
Theme by - NexT
访客量 -
0%