koa ajax,nodejs之koa2请求示例(GET,POST)
nodejs之koa2请求示例(GET,POST)
发布时间:2020-10-12 14:04:56
来源:脚本之家
阅读:99
作者:骑乌龟赛跑
GET 请求
在 koa 中,GET请求获取请求数据request对象中的 query 方法和 querystring 方法, query方法返回的是格式化好的参数,querystring 方法返回的是请求字符串。废话不多说,直接上代码
app.js 中添加如下代码:
router.get('/getData', async (ctx,next) => {
// 从上下文的request对象中获取
let request = ctx.request;
let req_query = request.query; // 获取格式化参数
let req_querystring = request.querystring; // 获取字符串
// 从上下文中直接获取
let ctx_query = ctx.query;
let ctx_querystring = ctx.querystring;
let obj = {
req_query:req_query,
req_querystring:req_querystring,
ctx_query:ctx_query,
ctx_querystring:ctx_querystring
};
ctx.response.body = {status:200,msg:'这是get测试的返回数据',data:obj};
});
在index.html中引入jquery,因为用jquery的ajax,然后添加如下代码:
var getTest = () => {
$.ajax({
type:'GET',
url:'/getData?a=1&b=2&c=3',
dataType:'json',
success(data){
console.log(data);
},
error (err){
console.log(err);
}
});
}
// 添加一个按钮
点击测试get方法
运行项目,点击按钮之后控制台回打印出数据,结果如下
POST 请求
因为 koa 没有对 post 请求获取参数进行封装,所以需要通过原生的 nodejs 请求对象 req,将 post 请求数据解析成 string(例如:a=1&b=2&c=3),
再将 string 解析成 json 格式(例如:{“a”:”1”, “b”:”2”, “c”:”3”})
app.js 中添加如下代码:
router.post('/postData',async (ctx,next) => {
let postData = await parsePostData(ctx);
console.log(postData);
ctx.response.body = {status:200,msg:'这是post测试的返回数据',data: postData};
});
// 解析上下文里node原生请求的POST参数
function parsePostData( ctx ) {
return new Promise((resolve, reject) => {
try {
let postdata = "";
ctx.req.addListener('data', (data) => {
postdata += data
})
ctx.req.addListener("end",function(){
let parseData = parseQueryStr( postdata )
resolve( parseData )
})
} catch ( err ) {
reject(err)
}
})
}
// 将POST请求参数字符串解析成JSON
function parseQueryStr( queryStr ) {
let queryData = {}
let queryStrList = queryStr.split('&')
console.log( queryStrList )
for ( let [ index, queryStr ] of queryStrList.entries() ) {
let itemList = queryStr.split('=')
queryData[ itemList[0] ] = decodeURIComponent(itemList[1])
}
return queryData
}
index.html中添加如下代码:
var postTest = () => {
let obj = {
name:'啦啦啦',
description:'我是卖报的小行家'
};
$.ajax({
type:'POST',
url:'/postData',
dataType:'json',
data:obj,
success(data){
console.log(data);
},
error (err){
console.log(err);
}
});
}
// 添加一个post请求的按钮
点击测试post方法
运行,点击按钮之后会打印出如下数据
对于一个用惯了 express 的我来说,这样的 post 获取参数方式令我非常的不爽,还好,koa-bodyparser 中间件解决了这个问题
koa-bodyparser
安装
npm i koa-bodyparser –save
app.js 中引入模块
// 引入模块
const bodyParser = require('koa-bodyparser');
// 挂载到app
app.use(bodyParser());
然后将 post 方法更改为
router.post('/postData',async (ctx,next) => {
let postData = ctx.request.body;
ctx.response.body = {status:200,msg:'这是post测试的返回数据',data: postData};
});
这样就简单的太多了,感觉赏心悦目,其结果跟上面的是一样的。
至此,koa 请求方法介绍完毕,可以愉快的写代码了,下一篇,小弟就记录一下koa的错误处理。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。
koa ajax,nodejs之koa2请求示例(GET,POST)相关推荐
- ajax的跨域请求实现,Ajax-07 基于Ajax实现跨域请求(示例代码)
跨域 跨域名访问,如c1.com域名向c2.com域名发送请求 本质:浏览器存在同源策略机制,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性. django服务端准备 url. ...
- jQuery Ajax: $.post请求示例
jQuery Ajax: $.post请求示例 leyangjun.html页面 <html> <head> <meta http-equiv="Content ...
- nodejs接收get请求参数
nodejs接收get请求参数 1.1-浏览器向服务器发送get请求参数的两种方式 1.2-服务端使用url模块解析get请求参数 在http协议中,一个完整的url路径如下图 通过下图我们可以得知, ...
- js ajax数据的获取小示例 天气信息填充表格
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 现在大家写写了一个简单的ajax获取数据的小示例,希望能帮助需要帮助的. html代码: 1 <table border ...
- 怎么测试ajax get请求,为什么我的AJAX在运行测试时请求dev中的PUT请求,但请求了GET请求?...
在我的Rails应用程序中,我制作了一个AJAX PUT请求(使用Coffeescript),该请求在我的开发环境中正常工作.当我检查按钮,点击后,会触发使用Firefox的AJAX请求时,它看起来是 ...
- ajax type是get请求,jQuery的Ajax请求数据时type无法使用GET
写一个ASP.NET MVC例子,它是使用jQuery的$.Ajax来呼叫控制器的数据. 创建一个视图: 运行结果: 一切正常,但是本例子我们只是获取数据,并没有做任何数据POST上传至控制器,我们尝 ...
- cURL – PUT请求示例
使用cURL -X PUT发送PUT(更新)请求以更新用户名和电子邮件的示例. Terminal $ curl -X PUT -d 'name=mkyong&email=abc@gmail.c ...
- ajax 跨域请求数据,JQuery Ajax执行跨域请求数据的解决方案
JQuery Ajax执行跨域请求数据的解决方案 今天前端因为需要ajax调用两个不同的项目,请求域不一样,所以涉及ajax跨域的问题 ,其实很简单,具体如下 原来的ajax请求如下: $.ajax( ...
- 进一步封装axios并调用其读取数据(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
注意!!!(修改于2020年7月18日) 在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据 报错截图如下 报错内容: {&quo ...
最新文章
- 未处理的异常导致基于 ASP.NET 的应用程序意外退出
- 真正的人工智能不应该只有统计学
- 【spring】jar包详解与模块依赖关系
- mutt+msmtp+gmail
- nextshort_Java扫描仪的nextShort()方法与示例
- 我的Android进阶之旅------Android图片处理(Matrix,ColorMatrix)
- python 字符串子串_Python字符串子字符串
- 13-Spring动态代理
- Windows安全加固系列---日志配置操作
- 扒一扒那些叫欧拉的定理们(九)——群论观点下的欧拉公式初步
- 深入浅出Stream和parallelStream
- linux调节伽马值软件,四个 Linux 下的“护眼”软件
- LAB颜色空间各通道的取值范围
- Webmin未经身份验证的远程代码执行-墨者学院
- 1.大数据存储选型——何时用hbase
- 读“驾奴驾奴你的“职场布朗运动””有感而发
- OP-TEE基本的从芯片设计到给客户的安全问题浅析
- “浪”的量子力学解释
- java创建对象过程 实例化和初始化
- 【Shell系列】$(shell pwd)和$(pwd)用法区别