axios基本使用

本篇文章向大家介绍axios,我们在构建应用时需要访问一个API并展示数据

axios 是一个基于promise用于浏览器和nodejs的HTTP客户端，本质上是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范。

axios特性：

1. 从浏览器中创建XMLHttpRequests
2. 从Node.js创建http请求
3. 支持promise API
4. 拦截请求和响应
5. 转换请求数据和响应数据
6. 取消请求
7. 自动转换JSON数据
8. 客户端支持防御XSRF

使用准备

使用npm：

npm install axios

使用bower:

bower install axios 

使用CDN：

离线下载引入：

同步更新axios.js离线手册下载地址:https://unpkg.com/axios/dist/axios.min.js

获取一条数据（get请求）

        axios.get('./data.json').then(Response=>this.info=console.log(Response.data));

添加一条数据（post请求）

axios.post("http://localhost:3000/getone",{status:false,title:"来了老弟"}).then(function({
console.log(d);
}).catch(function(error){
console.log(error)
})

删除一条数据（delete请求）

axios.delete('http://localhost:3000/getone/1').then(function(d){
console.log(d);
}).then(function(d){console.log(d) }).catch(function(error){
console.log(error)
})

修改一条数据（put请求）

axios.put('http://localhosl:3000/getone/3',{title:"hello,wrod"}).then(function(d){
console.log(d);
}).catch(function(error){
console.log(error)
})

实现基础的增删改查