【koa】解决koa-router获取请求参数的问题

最新推荐文章于 2023-10-01 15:10:08 发布

gz-郭小敏

最新推荐文章于 2023-10-01 15:10:08 发布

阅读量5.3k

点赞数

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/github_39570717/article/details/88893672

版权

javascript 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了如何在Koa中通过koa-router获取请求参数，包括GET请求和POST请求。对于GET请求，参数直接在URL中；而对于POST请求，可以通过安装koa-bodyparser获取参数，或者使用原生方法通过request.body来获取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端代码：

$.ajax({
	url:'http://localhost:7777/charts/query',
	type: 'POST',
	contentType: 'application/json',
	data: JSON.stringify({"cccc":"32423423"}),
	dataType: 'json',
	success:function (resp) {
		console.log(resp.models);
	}
})

1.get请求获取参数的办法：

const Koa = require('koa')
const app = new Koa()

app.use( async (ctx) => {
    ctx.body = {
        url: ctx.url,
        ctx_query: ctx.query,
        ctx_querystring: ctx.querystring
    }
})

app.listen(3000, () => {
	console.log('start ok')
})

2.post请求获取参数（简单版）：

先安装koa-bodyparser包

npm install koa-bodyparser --save

调用

onst Koa = require('koa')
const bodyParser = require('koa-bodyparser')

const app = new Koa()

app.use(bodyParser())

app.use( async (ctx) => {
    ctx.body =  ctx.request.body
})

app.listen(3000, () => {
    console.log('start ok')
})

3.post请求获取参数（原生版）：

//使用原生方式
const Koa = require('koa')
const app = new Koa()

app.use( async (ctx) => {
    let data = await parseData(ctx)
    ctx.body = data
})

app.listen(3000, () => {
    console.log('start ok')
})

function parseData(ctx) {
    return new Promise((resolve, reject) => {
        try {
            let str = ''
            ctx.req.on('data', (data) => {
                str += data
            })
            ctx.req.addListener('end', () => {
                resolve(parseUrl(str))
            })
        } catch (err) {
            reject(err)
        }
    });
}

function parseUrl(url) {
    let obj = {}
    let arr = url.split('&')
    arr.forEach((e, i) => {
        let temparr = e.split('=')
        obj[temparr[0]] = temparr[1]
    });
    return obj
}

原生方法相对来说比较繁琐，所以一般采用简单版的方式，需要获取参数，只需调用request.body就可以获取到post请求的参数了