-
课程不错哦!
查看全部 -
Axios的定义:基于Promise的HTTP库,是继AJAX、Fetch后又一种前端请求服务器端接口的方式。
Axios的应用:既可以用于浏览器(客户端),也可以用于Node.js(服务器端)。
Axios的特性
支持Promise的API,熟悉Promise的人都知道Promise是ES6中新增的对象,用于异步操作,特别是异步请求应用很频繁。
拦截请求和响应。
转换请求数据和响应数据。
取消请求。
自动转换JSON数据,不用我们使用内置对象JSON的parse方法将JSON字符串转换成JSON对象。
支持防御XSRF(跨站请求伪造,也被称为“One Click Attack”或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站的恶意利用)。
查看全部 -
axios.delete('/delete',{
params:{
id:12
}
}).then(res=>{
console.log(res);
})
axios.delete('/delete',{
data:{
id:12
}
}).then(res=>{
console.log(res);
})
查看全部 -
post
form-data 表单提交(图片上传,文件上传)
application/json
let data={id:12};
//post请求
axios.post('/post',data).then
(
res=>{console.log(res)
});
axios({
methods:'post',
url:'/post',
data:data
}).then(res=>{
console.log(res);
})
//form-data请求
let formData=new FormData();
for(let key in data) {
formData.append(key,data[key]);
}
axios.post('/post',formData).then
(res=>{
console.log(res)
})
//put请求
axios.put('/put',data).then(res=>{
console.log(res)
})
//patch请求
axios.patch('/patch',data).then
(res=>{
console.log(res)
})
查看全部 -
axios请求方法:
get:获取数据
post:提交数据(表单提交+文件上传)
put:更新数据(所有数据推送到后端)
patch:更新数据 (只将修改的数据推送到后端)
delete:删除数据
查看全部 -
一、定义
Axios是一个基于promise的http库
可以用于浏览器和node.js
二、特性
支持Promise API
拦截请求和响应
转换请求数据和响应数据
取消请求
自动转换JSON数据
客户端支持防御XSRF
查看全部 -
axios请求方法:
查看全部 -
1.axios是一个基于promise的http库。类似jquery的ajax
查看全部 -
axios封装拓展
查看全部 -
async await是为了避免有回调地狱的产生
查看全部 -
axios请求方法: 1、get 请求数据 1. post,查看全部
-
http挂载到vue实例上
查看全部 -
Promise是ES6中的一个内置的对象(实际上是一个构造函数,通过这个构造函数我们可以创建一个Promise对象),它是为了解决异步问题的。Promise的英文意思是承诺。
Promise的特点如下:
Promise有三种状态:Pending(进行中)、Resolved(已完成)、Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这就是Promise。
Promise一共有三种状态,但是他们之间是如何转化的呢? 其一: 从Pending(进行中)到Resolved(完成)。其二: 从Pending(进行中)到Rejected(已失败)。 且只有这两种形式的转变,即使是Promise对象的结果也无力回天了。
但是Promise也是有一定的缺点的,如在Pengding时,我们无法取消状态,另外,我们没法判断Pending究竟是刚刚开始的Pending还是即将要完成的Pending。
查看全部 -
用到取消请求的地方,
大批量数据的获取可能会造成延迟,
中途用户进行其他数据请求的时候,
那么上一个请求就没用了,这里就可以取消上一个请求
查看全部 -
调用source下的cancel方法可以进行请求的取消,带的参数会进入到axios的catch方法中,参数可选不是必填
查看全部
举报