移动开发

网络应用axios

云博小周宇1 Min Read

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。