Axios是什么?Axios是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。axios:前端通信框架,因为vue的边界很明确,就是为了处理DOM,所以并不具备通信功能,此时就需要额外使用一个通信框架与服务器交互...
Axios是什么?
Axios是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
axios:前端通信框架,因为vue的边界很明确,就是为了处理DOM,所以并不具备通信功能,此时就需要额外使用一个通信框架与服务器交互;当然也可以使用jQuery提供的AJAX通信功能。
Axios特性
1、可以在浏览器中发送 XMLHttpRequests
2、可以在 node.js 发送 http 请求
3、支持 Promise API
4、拦截请求和响应
5、转换请求数据和响应数据
6、能够取消请求
7、自动转换 JSON 数据
8、客户端支持保护安全免受 XSRF 攻击
Axios用在什么场景?
在特性里面已经有提到,浏览器发送请求,或者Node.js发送请求都可以用到Axios。
像Vue、React、Node等项目就可以使用Axios,如果你的项目里面用了Jquery,此时就不需要多此一举了,jquery里面本身就可以发送请求。
Axios如何使用?
安装模块(安装了直接引入就可以使用)
npm install axios
或者直接引入
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
增删改查
axios.get(' http://localhost:3000/todoList/3').then(function(backData){ console.log(backData); }).catch(function(err){ console.log(err); }) axios.post('http://localhost:3000/todoList',{id:4,title:'烫头',status:false}) .then(function(backdata){ console.log(backdata); }) //删除数据 axios({ method:'DELETE', url:'http://localhost:3000/todoList/4' }).then(function(backdata){ console.log(backdata); }) //修改数据 axios({ method:'PUT', url:'http://localhost:3000/todoList/2', data:{ title:"健啥身?", status:true } }).then(function(backdata){ console.log(backdata); })
沃梦达教程
本文标题为:axios 的使用
基础教程推荐
猜你喜欢
- Android Compose自定义TextField实现自定义的输入框 2023-05-13
- iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi 2023-06-18
- iOS开发使用XML解析网络数据 2022-11-12
- Android开发Compose集成高德地图实例 2023-06-15
- Flutter进阶之实现动画效果(三) 2022-10-28
- iOS Crash常规跟踪方法及Bugly集成运用详细介绍 2023-01-18
- Android实现短信验证码输入框 2023-04-29
- iOS开发 全机型适配解决方法 2023-01-14
- IOS获取系统相册中照片的示例代码 2023-01-03
- MVVMLight项目Model View结构及全局视图模型注入器 2023-05-07