axios常用5种请求详解
【知识点】axios常用请求的具体写法,简便写法格式
axios和ajax的区别
ajax是对原生XHR的封装,实现了局部数据的刷新。
axios是一个基于Promise的HTTP库,实现了对ajax的封装。
参数详解
url:地址
data:提交参数的一种方式
pararms:提交参数的一种方式
config:配置项,如请求头
1. Post
POST 请求用于向服务器新增数据
文档:axios.post(url[, data[, config]])
axios({
url:'路径',
method:'post',
data:{
参数(键值对)
}
})
axios.post('路径', { 请求参数 } )
2. Get
GET 请求用于从服务器获取数据
文档:axios.get(url[, config])
axios({
url:'路径',
method:'get',
params:{
参数(键值对)
}
})
axios.get('路径', { params: { 请求参数 } })
3. Delete
DELETE 请求用于删除服务器上的数据
文档:axios.delete(url[, config])
axios({
url:'路径',
method:'delete',
params:{
参数(键值对)
}(此处一般不选,可以直接在路径后+?id)
})
axios.delete('路径', { params: { 请求参数 } })
4. Put
PUT 请求用于更新服务器上的数据(侧重于完整更新:例如更新用户的完整信息)
文档:axios.put(url[, data[, config]])
axios({
url:'路径',
method:'put',
data:{
参数(键值对)
}
})
axios.put('路径', { 请求参数 } )
5. Patch
PATCH 请求用于更新服务器上的数据(侧重于部分更新:例如只更新用户的手机号)
文档:axios.patch(url[, data[, config]])
axios({
url:'路径',
method:'patch',
data:{
参数(键值对)
}
})
axios.patch('路径', { 请求参数 } )
get/delete 一般携带路径参数较多 携带请求体是 params
post/put/patch 携带请求体是data
更多推荐
所有评论(0)