沃梦达 / IT编程 / 移动开发 / 正文

axios 的使用

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 的使用