简单谈谈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 相关文章推荐
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 Javascript
js性能优化技巧
Nov 29 Javascript
javascript创建对象的几种模式介绍
May 06 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
Oct 24 Javascript
angularJS实现动态添加,删除div方法
Feb 27 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
Dec 16 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
Jan 20 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调用三种数据库的方法(3)
2006/10/09 PHP
php file_get_contents抓取Gzip网页乱码的三种解决方法
2013/11/12 PHP
php读取文件内容的三种可行方法示例介绍
2014/02/08 PHP
php等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
JS中图片缓冲loading技术的实例代码
2013/08/29 Javascript
IE、FF浏览器下修改标签透明度
2014/01/28 Javascript
浅析JS中document对象的一些重要属性
2014/03/06 Javascript
form.submit()不能提交表单的错误原因及解决方法
2014/10/13 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
Node.js连接mongodb实例代码
2017/06/06 Javascript
基于DOM节点删除之empty和remove的区别(详解)
2017/09/11 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
微信小程序实现列表页的点赞和取消点赞功能
2018/11/02 Javascript
如何在基于vue-cli的项目自定义打包环境
2018/11/10 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
详解jquery和vue对比
2019/04/16 jQuery
Angular8 Http拦截器简单使用教程
2019/08/20 Javascript
[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3
2018/06/04 DOTA
Python常用小技巧总结
2015/06/01 Python
python实现点对点聊天程序
2018/07/28 Python
在python中安装basemap的教程
2018/09/20 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
django主动抛出403异常的方法详解
2019/01/04 Python
Python一键查找iOS项目中未使用的图片、音频、视频资源
2019/08/12 Python
Python 实现一个手机号码获取妹子名字的功能
2019/09/25 Python
社区版pycharm创建django项目的方法(pycharm的newproject左侧没有项目选项)
2020/09/23 Python
建筑专业自我鉴定
2013/10/22 职场文书
超市5.1促销活动
2014/01/15 职场文书
申请任职学生会干部自荐书范文
2014/02/13 职场文书
分公司负责人任命书
2014/06/04 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
公积金贷款承诺书
2015/04/30 职场文书
单位车辆管理制度
2015/08/05 职场文书
python使用BeautifulSoup 解析HTML
2022/04/24 Python