Ajax的封装库Axios怎么使用

Ajax的封装库Axios怎么使用

这篇文章主要介绍“Ajax的封装库Axios怎么使用”，在日常操作中，相信很多人在Ajax的封装库Axios怎么使用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”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怎么使用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注恰卡编程网网站，小编会继续努力为大家带来更多实用的文章！