基于Axios 常用的请求方法别名(详解)


Posted in Javascript onMarch 13, 2018

Axios

是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

常用的请求方法别名一般有: Get/post/http协议请求

执行Get请求

function get(){
 return axios.get('/data.json', {
    params:{
     id:1234
    }
    }).then(function (response) {
     console.log(response);
    })
   .catch(function (error) {
    console.log(error);
   });
 }

使用get方法进行传参数的时候用的是 params方法

执行Post请求

function post(){
return axios.post('/data.json', {
  id:1234
    })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
 }

使用post方法进行传参数的时候是直接进行数据的传递,这也是两种方法的区别。

执行http协议请求

function http(){
 return axios({
 method: 'post',
 url: '/data.json',
 data: {
  id: 1111,
 },
params: {
 id:2222,
 }).then(res=>{
  this.msg=res.data;
 });
}

注意这里的区别,当使用post请求的时候,进行数据的传参使用的是data方法,而使用get请求的时候,使用的是params方法。

使用拦截器:

在请求或响应被 then 或 catch 处理前拦截它们。

// 添加请求拦截器
mounted:function(){
  axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
   }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
   });
// 添加响应拦截器
  axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
   }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
   });
}

以上这篇基于Axios 常用的请求方法别名(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery中parentsUntil()方法用法实例
Jan 07 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
总结JavaScript中布尔操作符||与&&的使用技巧
Nov 17 Javascript
基于jQuery实现复选框是否选中进行答题提示
Dec 10 Javascript
BootStrap中的table实现数据填充与分页应用小结
May 26 Javascript
JavaScript中原型链存在的问题解析
Sep 25 Javascript
bootstrap中的 form表单属性role="form"的作用详解
Jan 20 Javascript
jQuery插件form-validation-engine正则表达式操作示例
Feb 09 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
Nov 20 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
May 21 Javascript
微信小程序云开发如何实现数据库自动备份实现
Aug 16 Javascript
js 实现碰撞检测的示例
Oct 28 Javascript
Bootstrap 中data-[*] 属性的整理
Mar 13 #Javascript
JS实现的集合去重,交集,并集,差集功能示例
Mar 13 #Javascript
setTimeout时间设置为0详细解析
Mar 13 #Javascript
vue-cli脚手架config目录下index.js配置文件的方法
Mar 13 #Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 #Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 #Javascript
解决vue-cli创建项目的loader问题
Mar 13 #Javascript
You might like
PHP 采集程序原理分析篇
2010/03/05 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
自己写的兼容低于PHP 5.5版本的array_column()函数
2014/10/24 PHP
CentOS安装php v8js教程
2015/02/26 PHP
PHP调用存储过程返回值不一致问题的解决方法分析
2016/04/26 PHP
PHP Filter过滤器全面解析
2016/08/09 PHP
微信JSSDK分享功能图文实例详解
2019/04/08 PHP
Laravel框架查询构造器 CURD操作示例
2019/09/04 PHP
Ext javascript建立超链接,进行事件处理的实现方法
2009/03/22 Javascript
返回对象在当前级别中是第几个元素的实现代码
2011/01/20 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
简述JavaScript对传统文档对象模型的支持
2015/06/16 Javascript
你有必要知道的25个JavaScript面试题
2015/12/29 Javascript
如何通过非数字与字符的方式实现PHP WebShell详解
2017/07/02 Javascript
关于js中的鼠标事件总结
2017/07/11 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
在Chrome DevTools中调试JavaScript的实现
2020/04/07 Javascript
JavaScript Window浏览器对象模型原理解析
2020/05/30 Javascript
js实现日历
2020/11/07 Javascript
python中argparse模块用法实例详解
2015/06/03 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
Python利用matplotlib.pyplot绘图时如何设置坐标轴刻度
2018/04/09 Python
解决Python的str强转int时遇到的问题
2018/04/09 Python
Python中py文件引用另一个py文件变量的方法
2018/04/29 Python
使用matplotlib绘制图例标签中带有公式的图
2019/12/13 Python
PyTorch中的C++扩展实现
2020/04/02 Python
新加坡最受追捧的体验平台:Hapz
2018/01/01 全球购物
adidas澳大利亚官方网站:adidas Australia
2018/04/15 全球购物
英国知名小木屋定制网站:Tiger Sheds
2020/03/06 全球购物
2014社区三八妇女节活动总结
2014/03/01 职场文书
关于奉献的演讲稿
2014/05/21 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
教师创先争优承诺书
2015/04/27 职场文书
幸福来敲门观后感
2015/06/04 职场文书
2015年工会工作总结范文
2015/07/23 职场文书
Python深度学习之实现卷积神经网络
2021/06/05 Python