axios.get() 封装

axios 对象,是一个基于 Promise 的 HTTP 库。

通过 jquery 可以将 axios.get() 实现过程封装如下:

// 封装 axios
    let axios = {
        get(url){
            return new Promise((resolve,reject) =>{
                $.get(url, data =>{    
                    resolve(data) 
                })
            })
        }
    };

// 封装后调用,从json 数据中获取单选题的题目
xios.get('./json/subject.json').then(res=>{   
        console.log(res);   // 第一个返回值,打印请求到的 data 数据
        let res2 = res.filter(r => r.type === 0);
        return res2 
    }).then(res2 =>{
        console.log(res2);  // 第二个返回值,打印过滤后的单选题
        let res3 = res2.map(r => r.title);
        return res3
    }).then(res3 =>{
        console.log(res3);   // 第三个返回值,打印单选题的题目
    });

控制台打印结果:

vue axios 封装.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。