简单谈谈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 相关文章推荐
javascript编程起步(第七课)
Jan 10 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
Mar 18 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
在百度知道团队中快速审批新成员的js脚本
Feb 02 Javascript
js实现鼠标触发图片抖动效果的方法
Feb 27 Javascript
JavaScript实现仿淘宝商品购买数量的增减效果
Jan 22 Javascript
jQuery实现select模糊查询(反射机制)
Jan 14 Javascript
Angular2搜索和重置按钮过场动画
May 24 Javascript
jquery 一键复制到剪切板的实例
Sep 20 jQuery
JS返回顶部实例代码
Aug 09 Javascript
Vue底层实现原理总结
Feb 17 Javascript
Vue渲染过程浅析
Mar 14 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
《星际争霸重制版》兵种对比图鉴
2020/03/02 星际争霸
一个程序下载的管理程序(四)
2006/10/09 PHP
一个PHP操作Access类(PHP+ODBC+Access)
2007/01/02 PHP
php多次include后导致全局变量global失效的解决方法
2015/02/28 PHP
php使用curl实现ftp文件下载功能
2017/05/16 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
你必须知道的Javascript知识点之"this指针"的应用
2013/04/23 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
JavaScript对象之深度克隆介绍
2014/12/08 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
2016/04/18 Javascript
JavaScript必知必会(十) call apply bind的用法说明
2016/06/08 Javascript
Websocket协议详解及简单实例代码
2016/12/12 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
详解webpack es6 to es5支持配置
2017/05/04 Javascript
jQuery获取table表中的td标签(实例讲解)
2017/07/28 jQuery
vue使用Element组件时v-for循环里的表单项验证方法
2018/06/28 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
微信小程序云开发之使用云数据库
2019/05/17 Javascript
小程序如何构建骨架屏
2019/05/29 Javascript
Python中的CURL PycURL使用例子
2014/06/01 Python
基于循环神经网络(RNN)的古诗生成器
2018/03/26 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
Python sep参数使用方法详解
2020/02/12 Python
详解python的super()的作用和原理
2020/10/29 Python
英国最受欢迎的手表网站:Watch Shop
2016/10/21 全球购物
应用化学专业职业生涯规划书
2014/01/22 职场文书
超市开店计划书
2014/04/26 职场文书
电子商务求职信
2014/06/15 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
先进个人事迹材料范文
2014/12/30 职场文书
医院消毒隔离制度
2015/08/05 职场文书
python Django框架快速入门教程(后台管理)
2021/07/21 Python
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers