axios.js简单教程

vue在宣布不再更新vue resource之后给大家推荐了axios。

axios 简介
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：
从浏览器中创建 XMLHttpRequest
从 node.js 发出 http 请求
支持 Promise API
拦截请求和响应
转换请求和响应数据
取消请求
自动转换JSON数据
客户端支持防止 CSRF/XSRF

引入方式：
npminstallaxios cnpm install axios //taobao源
$ bower install axios
或者使用cdn：
?
1

执行 GET 请求

//get+url传参
axios.get('/list?now_page=4')
 .then(function (res) {
 console.log(res);
 })
 .catch(function (err) {
 console.log(err);
 });
// get+ params 对象传参

axios.get('/list', {
 params: {
 now_page: 4
 }
 })
 .then(function (res) {
 console.log(res);
 })
 .catch(function (err) {
 console.log(err);
 });

执行 POST 请求

axios.post('/login', {
 useName: 'lzh',
 password: '111'
 })
 .then(function (res) {
 console.log(res);
 })
 .catch(function (err) {
 console.log(err);
 });