封装ajax请求模块

最新推荐文章于 2023-10-18 00:00:00 发布

superHeroan

最新推荐文章于 2023-10-18 00:00:00 发布

阅读量459

点赞数

本文链接：https://blog.csdn.net/superHeroan/article/details/107200027

版权

// 封装Ajax请求函数模块
// 直接返回的是data数据

import axios from 'axios'

export default function ajax (url, data = {}, type = 'GET') {
  return new Promise((resolve, reject) => {
    let promise
    if (type === 'GET') {
      let dataStr = ''
      Object.keys(data).forEach(key => {
        dataStr += `${key}=${data[key]}&`
      })
      if (dataStr !== '') {
        dataStr = dataStr.substring(0, dataStr.lastIndexOf('&'))
        url = url + '?' + dataStr
      }
      // 发送get请求
      promise = axios.get(url)
    } else {
      // 发送post请求
      promise = axios.post(url, data)
    }
    promise.then(response =>
      // 成功调用resolve()
      resolve(response.data)
    ).catch(error =>
      // 失败调用reject()
      reject(error)
    )
  })
}