简单谈谈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 相关文章推荐
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
jquery 常用操作方法
Jan 28 Javascript
如何用js判断dom是否有存在某class的值
Feb 13 Javascript
ES5学习教程之Array对象
Apr 01 Javascript
bootstrap table单元格新增行并编辑
May 19 Javascript
详解用vue编写弹出框组件
Jul 04 Javascript
详解Vue2中组件间通信的解决全方案
Jul 28 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
vue组件表单数据回显验证及提交的实例代码
Aug 30 Javascript
layui复选框的全选与取消实现方法
Sep 02 Javascript
vue+element tabs选项卡分页效果
Jun 29 Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 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/11/19 PHP
PHP iconv 解决utf-8和gb2312编码转换问题
2010/04/12 PHP
PHP在字符断点处截断文字的实现代码
2011/04/21 PHP
php curl模拟post提交数据示例
2013/12/31 PHP
PHP实现支持加盐的图片加密解密
2016/09/09 PHP
Laravel+jQuery实现AJAX分页效果
2016/09/14 PHP
JavaScript是否可实现多线程  深入理解JavaScript定时机制
2009/12/22 Javascript
Three.js源码阅读笔记(物体是如何组织的)
2012/12/27 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
jquery文本框中的事件应用以输入邮箱为例
2014/05/06 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
jQuery实现强制cookie过期方法汇总
2015/05/22 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
2016/08/10 Javascript
详解vue-validator(vue验证器)
2017/01/16 Javascript
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
微信小程序后台解密用户数据实例详解
2017/06/28 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
JSON字符串操作移除空串更改key/value的介绍
2019/01/05 Javascript
[05:03]显微镜下的DOTA2第十期——Ti3豪之超神幽鬼
2014/06/23 DOTA
[06:24]DOTA2 2015国际邀请赛中国区预选赛第二日TOP10
2015/05/27 DOTA
Python原始字符串(raw strings)用法实例
2014/10/13 Python
Python pickle类库介绍(对象序列化和反序列化)
2014/11/21 Python
PyTorch快速搭建神经网络及其保存提取方法详解
2018/04/28 Python
python numpy 一维数组转变为多维数组的实例
2018/07/02 Python
详解Python装饰器
2019/03/25 Python
解决python gdal投影坐标系转换的问题
2020/01/17 Python
Django中modelform组件实例用法总结
2020/02/10 Python
pycharm sciview的图片另存为操作
2020/06/01 Python
详解python 内存优化
2020/08/17 Python
类的核心特性有哪些
2014/01/01 面试题
班主任工作经验材料
2014/02/02 职场文书
十八届三中全会个人学习材料
2014/02/13 职场文书
客户接待方案
2014/02/26 职场文书
七年级作文之秋游
2019/10/21 职场文书
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang