Ajax的封装库Axios怎么使用-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

Ajax的封装库Axios怎么使用

这篇文章主要介绍“Ajax的封装库Axios怎么使用”,在日常操作中,相信很多人在Ajax的封装库Axios怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ajax的封装库Axios怎么使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

创新互联公司专注于企业营销型网站建设、网站重做改版、西华网站定制设计、自适应品牌网站建设、H5建站电子商务商城网站建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为西华等各大城市提供网站开发制作服务。

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怎么使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


名称栏目:Ajax的封装库Axios怎么使用
URL标题:http://kswsj.cn/article/iidjii.html

其他资讯