axios的get和post使用及传参

7,003 阅读2分钟

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' }
       }); 
   }

注意: axios中get和post的传参方法不一样