这篇文章主要介绍“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对XMLHttpR免费云主机域名equest类型全面升级,使其变得更加易用、强大。
onload / onprogress
XML.onload 事件:只在请求完成时触发
XML.onprogress 事件:只在请求进行中触发
response属性
以对象的形式表述响应体,其类型取决于responseType的值。根据responseType的值,来通过特定的类型请求数据。
responseType要在调用open()初始化请求之后,在调用send()发送请求到服务器之前设置才会有效。到此,关于“Ajax的封装库Axios怎么使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!
相关推荐: 怎么使用auto-py-to-exe打包Python脚本
这篇文章主要介绍了怎么使用auto-py-to-exe打包Python脚本的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么使用auto-py-to-exe打包Python脚本文章都会有所收获,下面我们一起来看看吧。 auto-p…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。