码迷,mamicode.com
首页 > Web开发 > 详细

封装ajax请求

时间:2019-10-12 20:56:51      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:成功   port   default   message   rom   错误   异步   syn   exp   

/*
能发送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 {

  }
}*/

封装ajax请求

标签:成功   port   default   message   rom   错误   异步   syn   exp   

原文地址:https://www.cnblogs.com/haloqq/p/11663614.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!