简单谈谈axios中的get,post方法


Posted in Javascript onJune 25, 2017

学习vue和nodejs的过程当中,涉及到了axios,今天为了测试,写了get和post两个方法来跟node服务端交互,结果因为header和参数弄了好久,在此记录一下,同时分享;

由于刚接触axios,在测试方法中,写的都是很简单的东西,不过能够实现基础功能,大神看到的话..非常欢迎指导..

//GET方法

axios.get(url, {
params: { 'key': 'value' }
}).then(function (response) {

alert(''.concat(response.data, '\r\n', response.status, '\r\n', response.statusText, '\r\n', response.headers, '\r\n', response.config));
}).catch(function (error) {

alert(error);
});

//对应服务端获取数据 

const urlModule = require('url');
let params = urlModule.parse(request.url, true).query;//解析数据 获得Json对象
let value = params.key;//通过参数名称获得参数值
 

//POST方法

var params = new URLSearchParams();
params.append('key', 'value');
axios.post(url, params).then(function (response) {

alert(''.concat(response.data, '\r\n', response.status, '\r\n', response.statusText, '\r\n', response.headers, '\r\n', response.config));
}).catch(function (error) {

alert(error);
});

//对应服务端获取数据

const queryStringModule = require('querystring');
let postData = '';
request.on('data', function (chunk) {

postData += chunk;//接收数据
});
let params = queryStringModule.parse(postData);//解析数据 获得Json对象
let value = params.key;//通过参数名称获得参数值

此种写法猜测应该只是一种比较简单的实现,希望能够帮到其他人,同时希望高手指教。

以上这篇简单谈谈axios中的get,post方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 自定义个性下拉选择框示例
Aug 20 Javascript
JavaScript实现twitter puddles算法实例
Dec 06 Javascript
JavaScript中的类与实例实现方法
Jan 23 Javascript
jquery+easeing实现仿flash的载入动画
Mar 10 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
Bootstrap面板使用方法
Jan 16 Javascript
Node.js 的模块知识汇总
Aug 16 Javascript
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
Jun 01 Javascript
Element el-button 按钮组件的使用详解
Feb 01 Javascript
jQuery鼠标移动图片上实现放大效果
Jun 25 #jQuery
利用 spin.js 生成等待效果(js 等待效果)
Jun 25 #Javascript
Bootstrap模态框插入视频的实现代码
Jun 25 #Javascript
Angular中的interceptors拦截器
Jun 25 #Javascript
Angular中的$watch、$watchGroup、$watchCollection
Jun 25 #Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 #Javascript
Angular2.js实现表单验证详解
Jun 23 #Javascript
You might like
用ADODB来让PHP操作ACCESS数据库的方法
2006/12/31 PHP
PHP获取当前页面完整URL的实现代码
2013/06/10 PHP
PHP获取本周第一天和最后一天示例代码
2014/02/24 PHP
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
jQuery学习笔记之jQuery选择器的使用
2010/12/22 Javascript
JS实现一键回顶功能示例代码
2013/10/28 Javascript
js实现格式化金额,字符,时间的方法
2015/02/26 Javascript
详解javascript实现自定义事件
2016/01/19 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
JS实现的全排列组合算法示例
2017/10/09 Javascript
Angular自定义组件实现数据双向数据绑定的实例
2017/12/11 Javascript
手动下载Chrome并解决puppeteer无法使用问题
2018/11/12 Javascript
微信小程序template模板与component组件的区别和使用详解
2019/05/22 Javascript
js实现微信聊天界面
2020/08/09 Javascript
python生成器generator用法实例分析
2015/06/04 Python
python检查序列seq是否含有aset中项的方法
2015/06/30 Python
Python下Fabric的简单部署方法
2015/07/14 Python
Python 通过pip安装Django详细介绍
2017/04/28 Python
tensorflow之tf.record实现存浮点数数组
2020/02/17 Python
Pytest参数化parametrize使用代码实例
2020/02/22 Python
python3利用Axes3D库画3D模型图
2020/03/25 Python
什么是python类属性
2020/06/10 Python
keras.layer.input()用法说明
2020/06/16 Python
Python爬取股票信息,并可视化数据的示例
2020/09/26 Python
CSS3动画效果回调处理详解
2014/12/10 HTML / CSS
凯撒娱乐:Caesars Entertainment
2018/02/23 全球购物
全球游戏Keys和卡片市场:GamesDeal
2018/03/28 全球购物
越南母婴用品购物网站:Kids Plaza
2020/04/09 全球购物
小学模范班主任事迹材料
2014/05/13 职场文书
开展批评与自我批评发言材料
2014/10/17 职场文书
优秀教师事迹材料
2014/12/15 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
MySQL修炼之联结与集合浅析
2021/10/05 MySQL
Win10服务主机占用内存怎么办?Win10服务主机进程占用大量内存解决方法
2022/09/23 数码科技