axios的GET和POST数据请求

axios

  1. 第三方封装库
  2. https://www.npmjs.com/package/axios
  3. 特点
    1. 它在浏览器中创建的是浏览器对象
    1. 它底层是用Node.js中的http模块实现的
    1. 支持Promise
    1. 可以拦截请求和响应
    • 功能: loading加载效果、登录拦截
    1. 转换请求和响应数据
    1. 自动转换为JSON数据
    1. 客户端支持防止XSRF
    1. axios会自动封装数据
  1. 使用
    • Mock模拟数据的请求
      • 要求: 必须和后端沟通好返回数据的字段
      • mock.js生成
        • mock 目录
      • jsonplaceholder
      • 拷贝线上相似数据
        • copy response
    • 后端接口的请求
axios-get请求:

axios.get(url, 配置项).then().catch()

example:

axios.get(`URL`,{
      params: { //get请求携带参数
      a: 1,
      b: 2
    }
  }).then( res => {
    console.log( res )
  }).catch( error => console.log( error ))
axios-post请求:
  • 必须先设置请求头

axios.defaults.headers.post[‘Content-Type‘] = ‘application/x-www-form-urlencoded‘;

axios.post(url,配置).then().catch()

example:

axios.post(`URL`,{
    username: ‘张三‘,
    password: ‘123‘
  }).then( res => {
    console.log( res )
  }).catch( err => console.log( err ))

axios的GET和POST数据请求

上一篇:iIOS之重写TabBar使凸出的部分有效果


下一篇:Android 学习笔记之AndBase框架学习(六) PullToRefrech 下拉刷新的实现