美文网首页
Vue封装ajax请求读取请求数据的方法

Vue封装ajax请求读取请求数据的方法

作者: Jared_Sun | 来源:发表于2020-05-21 00:48 被阅读0次
    //ajax.js文件,导入axios模块
    import axios from 'axios'
    

    1.Promise对象方法

    //ajax.js
    export default function ajax(){
        return new Promise((resolve,reject)=>{
            let promise
            promise = axios.get('url')
            promise.then((response)=>{
                resolve(response.data)
            }).catch((error)=>{
                reject(error)
            })
        })
    }
    
    //调用ajax,读取数据
    import ajax from 'ajax.js'
    
    ajax().then(data => {
        console.log(data)
    })
    

    2.callback方法

    //ajax.js
    export default function ajax(callback){
        axios.get('url')
        .then((res)=>{
            callback(res.data)
        })
        .catch((err)=>{
            console.log('请求失败')
        })
    })
    
    //调用ajax,读取数据
    import ajax from 'ajax.js'
    
    ajax(data => {
        console.log(data)
    })
    

    相关文章

      网友评论

          本文标题:Vue封装ajax请求读取请求数据的方法

          本文链接:https://www.haomeiwen.com/subject/phraohtx.html