vue axios对ajax的二次封装

最新推荐文章于 2024-07-25 22:35:58 发布

lvpeng-web

最新推荐文章于 2024-07-25 22:35:58 发布

阅读量395

点赞数

分类专栏： web前端 vue axios ajax

本文链接：https://blog.csdn.net/weixin_41766191/article/details/92637697

版权

web前端同时被 3 个专栏收录

43 篇文章 0 订阅

订阅专栏

vue

34 篇文章 0 订阅

订阅专栏

ajax

2 篇文章 0 订阅

订阅专栏

// ajax请求函数模块返回值是一个promise对象
import axios from ‘axios’
export default function ajax(url, data = {}, type = “GET”) {
return new Promise(function (resolve, reject) {
// 执行异步ajax请求
let promise
// 准备url query数据
if (type == “get”) {
let dataStr = “” //数据拼接字符串
Object.keys(data).forEach(function (e, i, a) {
dataStr += e + “=” + data[e] + “&”
})
if (dataStr !== “”) {
dataStr = dataStr.substring(0, dataStr.lastIndexOf("&"))
url = url + “?” + dataStr
// 发送get请求
promise = axios.get(url)
}
}
else {
promise = axios.post(url, data)
}
promise.then(function (response) {
// 成功调用resolve()
resolve(response.data)
}).catch(function (error) {
// 失败调用reject()
reject(error)
})
})
}