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实现监听音量的变化 2023-03-30
- iOS 对当前webView进行截屏的方法 2023-03-01
- Android实现轮询的三种方式 2023-02-17
- SurfaceView播放视频发送弹幕并实现滚动歌词 2023-01-02
- Android MaterialButton使用实例详解(告别shape、selector) 2023-06-16
- 作为iOS开发,这道面试题你能答出来,说明你基础很OK! 2023-09-14
- Flutter实现底部和顶部导航栏 2022-08-31
- 详解flutter engine 那些没被释放的东西 2022-12-04
- 最好用的ios数据恢复软件:PhoneRescue for Mac 2023-09-14
- Android studio实现动态背景页面 2023-05-23