axios简单介绍
2024-08-30 20:50:35
axios的配置,get,post,axiso的同步问题解决
一.缘由
vue-resoure不更新维护,vue团队建议使用axios。
二.axios安装
1、利用npm安装npm install axios --save-dev
2、利用cnpm安装npm install axios --save //taobao源
3、利用bower安装bower install axios --save
4、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
三.示例
1、 发送一个GET
请求
//将请求参数挂载到请求的url中的形式
axios.get('/user?id=123&page=1').then(function(response){
console.log(response);//请求正确时执行的代码
}).catch(function (response){
console.log(response);//发生错误时执行的代码
}); //将请求参数单独的params属性传入的形式
axios.get('/user', {
params : { //请求参数
id : 123,
page:1
}
}).then(function(response){
console.log(response);//请求正确时执行的代码
}).catch(function(response){
console.log(response);//发生错误时执行的代码
});
2.发送一个post请求
axios({
method: "post",
url: "/api/history/query",
headers: {
"Content-Type": "application/json" //限制传输数据类型
},
data: {
"firstName": "Fred",
"lastName": "Flintstone"
} //传输的json数据
}).then(function(response){
console.log(response); //发生成功时执行的代码
}).catch(function(response){
console.log(response); //发生错误时执行的代码
})
3.一次并发多个请求
function getUserAccount(){
return axios.get('/user/12345');
}
function getUserPermissions(){
return axios.get('/user/12345/permissions');
}
axios.all([getUserAccount(),getUserPermissions()])
.then(axios.spread(function(getUserAccount,getUserPermissions){
console.log(getUserAccount)
console.log(getUserPermissions)
//getUserAccount是getUserAccount()成功后函数返回的值
//getUserPermissions是getUserPermissions()成功后函数返回的值
}));
四.axios的API
(1)axios可以通过配置(config)来发送请求
//发送一个"POST"请求
axios({
method:"POST",
url:"/user/123",
data:{
"first":"hello",
"last":"world"
}
})
最新文章
- [WinForm] VS2010发布、打包安装程序
- 转载:SQL 递归树 子父节点相互查询
- MongoDB介绍及安装
- mysql 远程访问授权
- HTML 列表
- Translate one
- apache启动报错:the requested operation has failed解决办法
- mysql修改密码Your password does not satisfy the current policy requirements
- sonar tomacat配置
- 线程机制、CLR线程池以及应用程序域
- 【转载】兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能
- javascript对象(简略)
- XP .Net 4.0使用Microsoft.Bcl需要安装XP补丁NDP40-KB2468871-v2-x86
- redis 持久化共享 Session
- java中,字符串类型的时间数据怎样转换成date类型。
- Java开发体系
- Metasploit用法大全
- vue2.0中使用pug(jade)
- 怎样将flac音频格式转换成MP3格式
- python 递归函数操作方法