网络应用axios

Posted 笨兮兮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网络应用axios相关的知识,希望对你有一定的参考价值。

1.定义

axios多用于vue中,作为网络应用。

2.基本语法

2.1get请求语法

axios.get(url,[options]).then(function(response){
   //成功的处理
},function(err){
    //失败的处理
}

get如果需要传递options参数,那么写法为{ params: { 参数名称:参数值 } }

2.2post请求

axios.post(url,[body]).then(function(response){
   //成功的处理
},function(err){
    //失败的处理
}

post的传递参数是对象

2.3delete请求

axios.delete(url+‘/‘+options).then(function(response){
   //成功的处理
},function(err){
    //失败的处理
}

 

3.封装

axios与vue结合的简单实例如下:

技术图片View Code

上例的两个接口是测试的地址接口。

1.2.注意事项:

  a.必须先导入才能使用

  b.then方法中的回调函数会在请求成功或失败时出发;

  c.可以在回调函数中获取响应数据或失败信息;

  d.请求的前后this发生了变化,所以需要先把值存储下来,如上例的that。

 

以上是关于网络应用axios的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

前端面试题之手写promise

ajax与 axios的基础讲解(附代码及接口)

项目集成element-plus和axios

回归 | js实用代码片段的封装与总结(持续更新中...)

执行带有axios的GET请求时出现401错误