简单谈谈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 相关文章推荐
document.getElementById的简写方式(获取id对象的简略写法)
Sep 10 Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
JQuery对表单元素的基本操作使用总结
Jul 18 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
vue.js之vue-cli脚手架的搭建详解
May 05 Javascript
JS基于贪心算法解决背包问题示例
Nov 27 Javascript
解析vue中的$mount
Dec 21 Javascript
Javascript读取上传文件内容/类型/字节数
Apr 30 Javascript
Vue.js中的extend绑定节点并显示的方法
Jun 20 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
Oct 30 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
Nov 16 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警告错误信息的解决方法
2013/06/03 PHP
PHP 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
php绘图中显示不出图片的原因及解决
2014/03/05 PHP
什么情况下可以不写PHP的闭合标签“?>”
2014/08/28 PHP
PHP实现一个多功能购物网站的案例
2017/09/13 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
深入理解javascript中return的作用
2013/12/30 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
js实现文字垂直滚动和鼠标悬停效果
2015/12/31 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
Angular 向组件传递模板的两种方法
2018/02/23 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
2018/03/03 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
2018/03/19 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
[52:22]EG vs VG Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
python中的多线程实例教程
2014/08/27 Python
Python打包可执行文件的方法详解
2016/09/19 Python
浅谈Python基础之I/O模型
2017/05/11 Python
Python时间戳使用和相互转换详解
2017/12/11 Python
python xlsxwriter创建excel图表的方法
2018/06/11 Python
详解python:time模块用法
2019/03/25 Python
python 定时器每天就执行一次的实现代码
2019/08/14 Python
Chain Reaction Cycles芬兰:世界上最大的在线自行车商店
2017/12/06 全球购物
聪明的粉丝购买门票的地方:TickPick
2018/03/09 全球购物
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
煤矿安全演讲稿
2014/05/09 职场文书
售后服务承诺书模板
2014/05/21 职场文书
高中课程设置方案
2014/05/28 职场文书
土木工程求职信
2014/05/29 职场文书
物流管理专业自荐信
2014/06/23 职场文书
湖南省召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
新手必备Python开发环境搭建教程
2021/05/28 Python
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python