简单谈谈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 相关文章推荐
JavaScript基本概念初级讲解论坛贴的学习记录
Feb 22 Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
Oct 17 Javascript
浅谈javascript中的instanceof和typeof
Feb 27 Javascript
基于javascript实现最简单的选项卡切换效果
May 16 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
WdatePicker.js时间日期插件的使用方法
Jul 26 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
Aug 29 Javascript
webuploader分片上传的实现代码(前后端分离)
Sep 10 Javascript
node实现分片下载的示例代码
Oct 17 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
Sep 27 Javascript
Bootstrap FileInput实现图片上传功能
Jan 28 Javascript
vue-video-player 断点续播的实现
Feb 01 Vue.js
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
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
试用php中oci8扩展
2015/06/18 PHP
修复ShopNC使用QQ 互联时提示100010 错误
2015/11/08 PHP
php桥接模式应用案例分析
2019/10/23 PHP
Thinkphp 框架扩展之驱动扩展实例分析
2020/04/27 PHP
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
2011/01/17 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
2016/08/08 Javascript
Angular实现购物车计算示例代码
2017/02/21 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
详解Angular4 路由设置相关
2017/08/26 Javascript
javaScript字符串工具类StringUtils详解
2017/12/08 Javascript
webpack+vue2构建vue项目骨架的方法
2018/01/09 Javascript
vue代码分割的实现(codesplit)
2018/11/13 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
Vue最新防抖方案(必看篇)
2019/10/30 Javascript
完美解决通过IP地址访问VUE项目的问题
2020/07/18 Javascript
详解vue路由
2020/08/05 Javascript
关于ES6尾调用优化的使用
2020/09/11 Javascript
[50:20]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第四局
2016/03/06 DOTA
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
Python使用urllib2获取网络资源实例讲解
2013/12/02 Python
python多线程threading.Lock锁用法实例
2014/11/01 Python
老生常谈进程线程协程那些事儿
2017/07/24 Python
Python中反射和描述器总结
2018/09/23 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
python如何编写win程序
2020/06/08 Python
flask开启多线程的具体方法
2020/08/02 Python
英国时尚高尔夫服装购物网站:Trendy Golf
2020/01/10 全球购物
什么是WEB控件?使用WEB控件有哪些优势?
2012/01/21 面试题
促销活动计划书
2014/05/02 职场文书
公务员党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
老公保证书怎么写
2015/02/26 职场文书
2015年信息中心工作总结
2015/05/25 职场文书
运动会通讯稿200字
2015/07/20 职场文书
思品教学工作总结
2015/08/10 职场文书