axios浅谈

2020-03-25  本文已影响0人  幽幽_默默

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

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

特性

从浏览器中创建 XMLHttpRequests:使用 XMLHttpRequest(XHR)对象可以与服务器交互。您可以从URL获取数据,而无需让整个的页面刷新。这允许网页在不影响用户的操作的情况下更新页面的局部内容。在 AJAX 编程中,XMLHttpRequest 被大量使用。

从 node.js 创建 http 请求:http是一个用于传输超媒体文档(例如 HTML)的应用层协议

支持 Promise API

拦截请求和响应

转换请求数据和响应数据

取消请求

自动转换 JSON 数据

客户端支持防御 XSRF(不懂)

例如:

执行GET请求。

// 为给定 ID 的 user 创建请求

axios.get('/user?ID=12345')

.then(function(response){

console.log(response);

  })

.catch(function(error){

console.log(error);

  });

// 上面的请求也可以这样做

axios.get('/user', {

    params: {

ID:12345

    }

  })

.then(function(response){

console.log(response);

  })

.catch(function(error){

console.log(error);

  });

执行post请求

axios.post('/user', {

firstName:'Fred',

lastName:'Flintstone'

  })

.then(function(response){

console.log(response);

  })

.catch(function(error){

console.log(error);

  });

执行多个并发请求:

functiongetUserAccount(){

returnaxios.get('/user/12345');

}

functiongetUserPermissions(){

returnaxios.get('/user/12345/permissions');

}

axios.all([getUserAccount(), getUserPermissions()])

.then(axios.spread(function(acct, perms){

// 两个请求现在都执行完成

  }));

上一篇下一篇

猜你喜欢

热点阅读