• 封装ajax请求


    /*
    能发送ajax请求的函数模块
    包装axios
    函数的返回值是promise对象
    axios.get()/post()返回的就是promise对象
     */
    import axios from 'axios'

    export default function ajax(url, data={}, method='GET') {

      return new Promise(function (resolve, reject) {
        let promise
        // 执行异步ajax请求
        if(method==='GET') {
          promise = axios.get(url, {params: data}) // params配置指定的是query参数
        } else {
          promise = axios.post(url, data)
        }
        promise.then(response => {
          // 如果成功了, 调用resolve(response.data)
          resolve(response.data)
        }).catch(error => {  // 对所有ajax请求出错做统一处理, 外层就不用再处理错误了
          // 如果失败了, 提示请求后台出错
          alert('请求错误: '+error.message)
        })
      })
    }

    /*
    const promise = ajax('/xxx')
    promise.then(response => {
      const result = response.data

    }).catch()



    */
    /*async function getAddress() {
      /!*
      const response = await ajax('/address')
      const result = response.data
      *!/
      const result = await ajax('/address')
      if(result.code===0) {

      } else {

      }
    }*/
  • 相关阅读:
    Python-append()/extend()
    HTML标签
    字符实体
    css选择器
    边框属性
    背景属性
    文本属性
    字体属性
    给标签起名字
    JS数据类型
  • 原文地址:https://www.cnblogs.com/haloqq/p/11663614.html
Copyright © 2020-2023  润新知