美文网首页
vue jsonp插件使用

vue jsonp插件使用

作者: Gino_Li | 来源:发表于2019-04-19 18:11 被阅读0次

    要跨域的百度搜索接口:

    https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=1&cb=callback
    

    1.安装

    npm install jsonp --save-dev
    

    2.引入jsonp

    import jsonp from 'jsonp';
    

    3.请求数据

    export default {
        created(){
            //jsonp请求数据
            var keyword = "李白";
            var baseUrl = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su";
            var _url = baseUrl + '?wd='+keyword+'&cb=callback';
            jsonp(_url,(res)=>{
                callback(res);
            })
    
        //注意:callback需挂载到window下
            window.callback = function(data){
                console.log(data)
            }
        }
    }
    

    注意点:

    • jsonp只能用get方法请求,不能用post
    • callback需要挂载到window下

    相关文章

      网友评论

          本文标题:vue jsonp插件使用

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