简单谈谈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 浏览器事件介绍
Mar 30 Javascript
js加强的经典分页实例
Mar 15 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
JavaScript获取网页表单提交方式的方法
Apr 02 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
JScript实现地址选择功能
Aug 15 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
百度小程序自定义通用toast组件
Jul 17 Javascript
微信小程序绑定手机号获取验证码功能
Oct 22 Javascript
JS实现省市县三级下拉联动
Apr 10 Javascript
原生js实现随机点名
Jul 05 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
用php随机生成福彩双色球号码的2种方法
2013/02/04 PHP
PHP检测用户语言的方法
2015/06/15 PHP
浅谈php提交form表单
2015/07/01 PHP
跟着JQuery API学Jquery 之二 属性
2010/04/09 Javascript
JavaScript NaN和Infinity特殊值 [译]
2012/09/20 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
2014/01/09 Javascript
jQuery对val和atrr("value")赋值的区别介绍
2014/09/26 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
jQuery中DOM节点的删除方法总结(超全面)
2017/01/22 Javascript
JS交互点击WKWebView中的图片实现预览效果
2018/01/05 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
一文读懂ES7中的javascript修饰器
2019/05/06 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
2020/08/13 Javascript
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
[01:11:11]Alliance vs RNG 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
使用python在校内发人人网状态(人人网看状态)
2014/02/19 Python
Python BeautifulSoup中文乱码问题的2种解决方法
2014/04/22 Python
python基于urllib实现按照百度音乐分类下载mp3的方法
2015/05/25 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
python3之微信文章爬虫实例讲解
2017/07/12 Python
Python实现的径向基(RBF)神经网络示例
2018/02/06 Python
深入浅析Python的类
2018/06/22 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
Python 写入训练日志文件并控制台输出解析
2019/08/13 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
内部类的定义、种类以及优点
2013/10/16 面试题
个人授权委托书
2014/04/03 职场文书
银行岗位培训心得体会
2016/01/09 职场文书
物业管理交接协议书
2016/03/24 职场文书
重温经典:乔布斯在斯坦福大学的毕业演讲(双语)
2019/08/26 职场文书
MongoDB 常用的crud操作语句
2021/06/20 MongoDB