简单谈谈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代码
Jul 01 Javascript
javascript 对象比较实现代码
Apr 27 Javascript
jquery ajax 简单范例(界面+后台)
Nov 19 Javascript
node.js中的querystring.parse方法使用说明
Dec 10 Javascript
Mvc提交表单的四种方法全程详解
Aug 10 Javascript
使用Angular缓存父页面数据的方法
Jan 03 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 Javascript
vue+elementUI动态生成面包屑导航教程
Nov 04 Javascript
vue.config.js常用配置详解
Nov 14 Javascript
原生JS实现无缝轮播图片
Jun 24 Javascript
vue项目打包后请求地址错误/打包后跨域操作
Nov 04 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/27 PHP
用PHP程序实现支持页面后退的两种方法
2008/06/30 PHP
PHP新手入门学习方法
2011/05/08 PHP
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
学习php设计模式 php实现装饰器模式(decorator)
2015/12/07 PHP
js中的window.open返回object的错误的解决方法
2009/08/15 Javascript
javascript 拷贝节点cloneNode()使用介绍
2014/04/03 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
2015/11/06 Javascript
jQuery实现监控页面所有ajax请求的方法
2015/12/10 Javascript
详解JavaScript 中的 replace 方法
2016/01/01 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
2016/07/13 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
2016/12/13 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
一个简单的node.js界面实现方法
2018/06/01 Javascript
详解create-react-app 自定义 eslint 配置
2018/06/07 Javascript
nodejs的路径问题的解决
2018/06/30 NodeJs
解决Angular2 router.navigate刷新页面的问题
2018/08/31 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
浅谈TypeScript的类型保护机制
2020/02/23 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
2020/05/13 Javascript
Python Paramiko模块的使用实际案例
2018/02/01 Python
设置python3为默认python的方法
2018/10/31 Python
Django框架模板介绍
2019/01/15 Python
学习和使用python的13个理由
2019/07/30 Python
使用Django xadmin 实现修改时间选择器为不可输入状态
2020/03/30 Python
英国最大的滑板品牌选择:Route One
2019/09/22 全球购物
医院护士的求职信范文
2013/12/26 职场文书
党建目标管理责任书
2014/07/25 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
2014年设计师工作总结
2014/11/25 职场文书
2015年幼儿园教育教学工作总结
2015/05/25 职场文书
安全主题班会教案
2015/08/12 职场文书
MongoDB balancer的使用详解
2021/04/30 MongoDB