axios get post 传参以及使用方法,使用方法以vue 为例
首先简介一下axios
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:
- 从浏览器中创建 XMLHttpRequest
- 从 node.js 发出 http 请求
- 支持 Promise API
- 拦截请求和响应
- 转换请求和响应数据
- 取消请求
- 自动转换JSON数据
- 客户端支持防止 CSRF/XSRF
get 请求
-
GET的本质是得.
-
从服务器获取数据,效率比POST高.
-
GET请求能够被缓存
-
在 HTTP 协议定义中,没有对GET请求的数据大小限制,不过因为浏览器不同一般限制在 2~8K 之间.
-
GET发送请求时,URL中除了资源路径以外,所有的参数(查询字符串)也包装在URL中
-
参数格式
- 在资源路径末尾添加
?表示追加参数. - 每一个变量及值按照
变量名=变量值 方式设定,不能包含空格或者中文. - 多个参数使用
&连接. - 注意 : URL 字符串中如果包含空格或者中文,需要添加百分号转义
- 在资源路径末尾添加
get 使用方法及传参
// get 获取数据
export let getStats = (a) => {
return axios({
url: "/login",
method: "get",
// 传参
params: { user: '123123' }
});
}
post 请求
- POST的本质是给.
- 向服务器发送数据,也可以获得服务器处理之后的结果,效率不如GET.
- POST请求不能被缓存.
- POST提交数据比较大,大小靠服务器的设定值限制,PHP通常限定 2M.
- POST发送请求时,URL中只有资源路径,但不包含参数,服务器日志不会记录参数,相对更安全.
- 参数被包装成二进制的数据体,格式与 GET 基本一致,只是不包含 ?.
- 注意 : 所有涉及到用户隐私的数据(密码,银行卡号)一定记住使用 POST 方式传递.
post 使用方法及传参
// post 获取数据
export let postStats = (a) => {
return axios({
url: "/regiser",
method: "post",
// 传参
data: { user: '123123' }
});
}