热门关键字:
jquery > jquery教程 > jquery教程 > Ajax常用封装库——Axios

Ajax常用封装库——Axios

426
作者:管理员
发布时间:2021/6/5 17:31:14
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4885
  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()发送请求到服务器之前设置才会有效。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐