简单谈谈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 相关文章推荐
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
js对table的td进行相同内容合并示例详解
Dec 27 Javascript
js星星评分效果
Jul 24 Javascript
Javascript获取当前时间函数和时间操作小结
Oct 01 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
Aug 27 Javascript
js实现tab切换效果实例
Sep 16 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
jQury Ajax使用Token验证身份实例代码
Sep 22 Javascript
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
Nov 21 Javascript
js实现上传并压缩图片效果
Jan 10 Javascript
vue中el-upload上传图片到七牛的示例代码
Oct 19 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
Jul 15 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下操作Linux消息队列完成进程间通信的方法
2010/07/24 PHP
基于initPHP的框架介绍
2013/04/18 PHP
php实现保存submit内容之后禁止刷新
2014/03/19 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
php实现的网络相册图片防盗链完美破解方法
2015/07/01 PHP
ExtJS 下拉多选框lovcombo
2010/05/19 Javascript
js中定义一个变量并判断其是否为空的方法
2014/05/13 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
js HTML5 Canvas绘制转盘抽奖
2020/09/13 Javascript
js css3实现图片拖拽效果
2017/03/04 Javascript
jQuery实现的简单无刷新评论功能示例
2017/11/08 jQuery
JS实现前端页面的搜索功能
2018/06/12 Javascript
快速解决vue在ios端下点击响应延时的问题
2018/08/27 Javascript
通过实例解析js简易模块加载器
2019/06/17 Javascript
Vue实战教程之仿肯德基宅急送App
2019/07/19 Javascript
关于vue里页面的缓存详解
2019/11/04 Javascript
基于Vue+ElementUI的省市区地址选择通用组件
2019/11/20 Javascript
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
[02:12]Dota 2 推出全新英雄—— 电炎绝手
2019/08/23 DOTA
Python使用win32com实现的模拟浏览器功能示例
2017/07/13 Python
python+flask实现API的方法
2018/11/21 Python
python实现定时发送qq消息
2019/01/18 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
Numpy数组的广播机制的实现
2020/11/03 Python
HTML5之web workers_动力节点Java学院整理
2017/07/17 HTML / CSS
html5指南-7.geolocation结合google maps开发一个小的应用
2013/01/07 HTML / CSS
租租车:国际租车、美国租车、欧洲租车、特价预订国外租车(中文服务)
2018/03/28 全球购物
C语言面试题
2015/10/30 面试题
如何提高MySql的安全性
2014/06/19 面试题
面试后的感谢信范文
2014/02/01 职场文书
廉洁使者实施方案
2014/03/29 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
安全守法证明
2015/06/23 职场文书