axios学习

axios是什么

axios是基于promise（诺言）用于浏览器和node.js是http客户端。

promise是什么

promise是什么：是一个对象用来传递异步操作的信息，它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的api，可供进一步的处理。
promise的作用：Promise的出现主要是解决地狱回调的问题，比如你需要结果需要请求很多个接口，这些接口的参数需要另外那个的接口返回的数据作为依赖，这样就需要我们一层嵌套一层，但是有了Promise 我们就无需嵌套。
promise的本质是什么：分离异步数据获取和业务

使用axios原因

1. 支持发送ajax异步
2. 支持在NodeJs中发送ajax请求
3. 支持Promise
4. 支持拦截器请求和响应
5. 支持对请求和响应数据的转换
6. 取消请求
7. 自动转换json格式数据
8. 客户端支持防御XSRF
   (目前没看很明白，明白了会发这个原因详解出来)

使用

基本格式

基本的格式就是

axios.x1().then(function (..){.....
}).catch(function (..){
})

x1为下图里axios内置的所有方法

get请求

// 为给定 ID 的 user 创建请求
axios.get('/user?ID=123)
.then(function(response){console.log(response)
}).catch(function(error){console.log(error);
});

post请求

axois.post('/user',{first:'hh',
}).then(function(response){console.log(response);
}).catch(fuction(error){console.log(error);
});

并发请求

并发处理并发请求的函数
axios.all(iterable)
axios.spread(callback)

function getUserAccount() {return axios.get('/user/12345');
}function getUserPermissions() {return axios.get('/user/12345/permissions');
}axios.all([getUserAccount(), getUserPermissions()]).then(axios.spread(function (acct, perms) {// 两个请求现在都执行完成}));

获取远端图片

// 获取远端图片
axios({method:'get',url:'http://bit.ly/2mTM3nY',responseType:'stream'
}).then(function(response) {response.data.pipe(fs.createWriteStream('ada_lovelace.jpg'))
});

学习案例

学习参考文章

http://www.axios-js.com/zh-cn/docs/

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！