简单谈谈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 去前后空格大全(IE9亲测)
Jul 15 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 Javascript
Jquery给基本控件的取值、赋值示例
May 23 Javascript
node.js中的socket.io的广播消息
Dec 15 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
JS实现的颜色实时渐变效果完整实例
Mar 25 Javascript
js自制图片放大镜功能
Jan 24 Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
浅谈React组件之性能优化
Mar 02 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
Apr 18 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
Apr 29 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动态图像的创建
2006/10/09 PHP
smarty模板中拼接字符串的方法
2014/02/14 PHP
php设计模式之单例模式实例分析
2015/02/25 PHP
PHP中Closure类的使用方法及详解
2015/10/09 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
Javascript 继承机制的实现
2009/08/12 Javascript
jQuery UI AutoComplete 使用说明
2011/06/20 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
JS多文件上传的实例代码
2017/01/11 Javascript
JS中的phototype详解
2017/02/04 Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
2018/08/19 Javascript
微信小程序开发实现消息推送
2020/11/18 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
2020/01/06 Javascript
vue页面加载时的进度条功能(实例代码)
2020/01/13 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
js 图片懒加载的实现
2020/10/21 Javascript
vue-video-player 断点续播的实现
2021/02/01 Vue.js
[05:13]TI4 中国战队 机场出征!!
2014/07/07 DOTA
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
基于Python实现的扫雷游戏实例代码
2014/08/01 Python
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
Python中基础的socket编程实战攻略
2016/06/01 Python
Django csrf 两种方法设置form的实例
2019/02/03 Python
python地震数据可视化详解
2019/06/18 Python
python分布式计算dispy的使用详解
2019/12/22 Python
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
大学生创业计划书的范文
2014/01/07 职场文书
学校后勤岗位职责
2014/02/19 职场文书
优秀的导游求职信范文
2014/04/06 职场文书
禁烟标语大全
2014/06/11 职场文书
2014年学生会工作总结
2014/11/07 职场文书
python实现简单反弹球游戏
2021/04/12 Python