简单谈谈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 弹出窗口中是否显示地址栏的实现代码
Apr 14 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
Sep 16 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
javascript 动态创建表格
Jan 08 Javascript
js类式继承与原型式继承详解
Apr 07 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
javascript 玩转Date对象(实例讲解)
Jul 11 Javascript
react同构实践之实现自己的同构模板
Mar 13 Javascript
JavaScript偏函数与柯里化实例详解
Mar 27 Javascript
原生js实现针对Dom节点的CRUD操作示例
Aug 26 Javascript
Vue.js实现大屏数字滚动翻转效果
Nov 29 Javascript
利用JS如何获取form表单数据
Dec 19 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
SONY SRF-22W(33W)的电路分析和维修案例
2021/03/02 无线电
PHP访问MYSQL数据库封装类(附函数说明)
2010/12/04 PHP
php cookie的操作实现代码(登录)
2010/12/29 PHP
php文档更新介绍
2011/07/22 PHP
基于php设计模式中工厂模式详细介绍
2013/05/15 PHP
浅析PHP的静态成员函数效率更高的原因
2014/06/13 PHP
PHP简单获取网站百度搜索和搜狗搜索收录量的方法
2016/08/23 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
JavaScipt基本教程之JavaScript语言的基础
2008/01/16 Javascript
javascript权威指南 学习笔记之变量作用域分享
2011/09/28 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
JavaScript中instanceof运算符的使用示例
2016/06/08 Javascript
JQuery之proxy实现绑定代理方法
2016/08/01 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
node+koa实现数据mock接口的方法
2017/09/20 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
2018/11/13 Javascript
vue项目打包后怎样优雅的解决跨域
2019/05/26 Javascript
js前端如何写一个精确的倒计时代码
2019/10/25 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
2020/04/30 jQuery
javascript canvas实现简易时钟例子
2020/09/05 Javascript
python虚拟环境virtualenv的使用教程
2017/10/20 Python
对python读写文件去重、RE、set的使用详解
2018/12/11 Python
pytorch 预训练层的使用方法
2019/08/20 Python
pyinstaller打包程序exe踩过的坑
2019/11/19 Python
html5新增的定时器requestAnimationFrame实现进度条功能
2018/12/13 HTML / CSS
《蓝色的树叶》教学反思
2014/02/24 职场文书
公司董事长岗位职责
2014/06/08 职场文书
会计学专业求职信
2014/07/17 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL
nginx内存池源码解析
2021/11/20 Servers
《现实主义勇者的王国再建记》第三弹OST全曲试听片段公开
2022/04/04 日漫
Win11如何默认打开软件界面最大化?Win11默认打开软件界面最大化的方法
2022/07/15 数码科技