首页 网络技术
  1. 正文

Ajax的封装库Axios怎么使用

  Axios 是目前应用最为广泛的 AJAX 封装库

  Axios的特性有:

  从浏览器中创建 XMLHttpRequests

  从 node.js 创建 http请求

  支持 Promise API

  拦截请求和响应

  转换请求数据和响应数据

  取消请求

  自动转换 JSON 数据

  客户端支持防御 XSRF

  使用axios时,需要通过使用script标签引入:

  axios的中文网链接:Axios中文网

  Axios API

  向axios()传递相关配置来创建请求;

  axios(对象格式的配置选项)

  axios(url,config)

  常用的配置项

  url:用于请求的服务器URL

  method:创建请求时使用的方法

  baseURL:传递相对URL前缀,将自动加在url前面

  headers:即将被发送的自定义请求头

  params:即将与请求一起发送的URL参数

  data:作为请求主体被发送的数据

  timeout:指定请求超时的毫秒数(0表示无超时时间)

  responseType:表示服务器响应的数据类型,默认“json”

  axios()。then(function(response){

  //正常请求的响应信息对象response

  })

  。catch(function(error){

  //捕获的错误

  })

  代码展示如下:

  axios 全局默认值的配置

  axios拦截器:在请求或响应被then或catch处理前拦截它们

  axios 的请求拦截器

  axios 的响应拦截器

  axios的快速请求方法

  axios.get(url[,config])

  axios.post(url[,data[,config]])

  axios.delete(url[,config])

  axios.put(url[,data[,config]])

  XMLHttpRequest2.0,html5对XMLHttpRequest类型全面升级,使其变得更加易用、强大。

  onload / onprogress

  XML.onload 事件:只在请求完成时触发

  XML.onprogress 事件:只在请求进行中触发

  response属性

  以对象的形式表述响应体,其类型取决于responseType的值。根据responseType的值,来通过特定的类型请求数据。

  responseType要在调用open()初始化请求之后,在调用send()发送请求到服务器之前设置才会有效。

本文标题:Ajax的封装库Axios怎么使用
本文链接:https://www.qqooo.cn/post/6700.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!