简单谈谈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工具 Event封装
Aug 21 Javascript
javaScript 页面自动加载事件详解
Feb 10 Javascript
js语法学习之判断一个对象是否为数组
May 13 Javascript
JavaScript判断文件上传类型的方法
Sep 02 Javascript
JavaScript学习笔记之Cookie对象
Jan 22 Javascript
javascript中$(function() {});写与不写有哪些区别
Aug 10 Javascript
原生js三级联动的简单实现代码
Jun 07 Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
Aug 25 Javascript
Vue入门之数据绑定(小结)
Jan 08 Javascript
解决vue-router中的query动态传参问题
Mar 20 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
Oct 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将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
通过实例解析PHP数据类型转换方法
2020/07/11 PHP
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
Js 随机数产生6位数字
2010/05/13 Javascript
jQuery 联动日历实现代码
2012/05/31 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
2013/11/20 Javascript
jQuery实现手机号码输入提示功能实例
2015/04/30 Javascript
浅谈javascript中replace()方法
2015/11/10 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
javascript实现延时显示提示框特效代码
2016/04/27 Javascript
很棒的js Tab选项卡切换效果
2016/08/30 Javascript
微信小程序网络请求wx.request详解及实例
2017/05/18 Javascript
JS返回顶部实例代码
2020/08/09 Javascript
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
2019/02/19 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
2019/06/19 Javascript
如何自定义微信小程序tabbar上边框的颜色
2019/07/09 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
[01:47]2018年度DOTA2最具人气解说-完美盛典
2018/12/16 DOTA
在Python的Django框架中用流响应生成CSV文件的教程
2015/05/02 Python
对命令行模式与python交互模式介绍
2018/05/12 Python
python中scikit-learn机器代码实例
2018/08/05 Python
Python 经典面试题 21 道【不可错过】
2018/09/21 Python
Python手绘可视化工具cutecharts使用实例
2019/12/05 Python
opencv python Canny边缘提取实现过程解析
2020/02/03 Python
python使用正则表达式去除中文文本多余空格,保留英文之间空格方法详解
2020/02/11 Python
Python函数生成器原理及使用详解
2020/03/12 Python
Python OpenCV中的numpy与图像类型转换操作
2020/12/11 Python
python中编写函数并调用的知识点总结
2021/01/13 Python
介绍一下Transact-SQL中SPACE函数的用法
2015/09/01 面试题
绘画专业自荐信范文
2014/02/23 职场文书
购房意向书范本
2014/04/01 职场文书
经贸专业毕业生求职信范文
2014/05/01 职场文书
幼师个人总结范文
2015/02/28 职场文书
2016国庆节67周年寄语
2015/12/07 职场文书
用Python爬取英雄联盟的皮肤详细示例
2021/12/06 Python