基于axios简单封装的ajax

原创于 2019-11-06 10:57:51 发布 · 451 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #axios #前端

前端同时被 3 个专栏收录

6 篇文章

订阅专栏

Ajax

1 篇文章

订阅专栏

axios

1 篇文章

订阅专栏

本文介绍了一种使用axios库封装Ajax请求的方法，通过简单的函数调用实现GET和POST请求的发送，提高了代码的复用性和可维护性。

Ajax封装

axios封装Ajax

    import axios from 'axios'
    
    export default function ajax(url,data={},type="GET"){
        if(type==='GET'){
            let paramStr = '';
            Object.keys(data).forEach((key)=>{
                paramStr+=key+'='+data[key]+'&'
            });
            if(paramStr){
            	//去除后面多余的 '&'
                paramStr.substring(0,paramStr.length-1);
                url+='?'+paramStr;
            }
            return axios.get(url);
        }else {
            return axios.post(url,data)
        }
    }