Vue利用axios发送ajax封装函数

最新推荐文章于 2024-09-21 16:53:24 发布

dabao87

最新推荐文章于 2024-09-21 16:53:24 发布

阅读量379

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/dabao87/article/details/92767133

版权

Vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

先安装axios

npm install --save axios

/*
 * ajax请求函数
 * 返回值：promise对象(异步返回的数据是response.data)
 */
import axios from 'axios'
export default function ajax(url,data={},type='get'){
	return new Promise(function(resolve,reject){
		//执行ajax异步请求，成功了调用resolve()，失败了调用reject()
		let promise
		if(type === 'GET'){
			//准备url query参数数据
			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(function(response){
			//成功了调用resolve()
			resolve(response.data)
		}).catch(function(error){
			//失败了调用reject()
			reject(error)
		})
	})
	return promise
}