jsonp

来源:互联网 发布:服务器安装mysql数据库 编辑:程序博客网 时间:2024/06/05 15:51

JSONP本质上是为浏览器添加一个script标签,因为script里面的src可以不考虑跨域的问题。 因为axios是不支持jsonp的,所以如果你在不使用jquery的ajax的情况下,你是可以考虑自己封装一个的,也不麻烦,就像这样。

<!DOCTYPE html><html><head>    <title>测试</title>    <meta charset="utf-8" /></head><body><script type="text/javascript">    //百度suggets api    var s = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=132&json=1";    var fetchJsonp = function(url){        var body = document.getElementsByTagName('body')[0];        //插入一个script        var script = document.createElement('script');        script.setAttribute('src',url);        body.appendChild(script);    }    //为了符合百度查询api而建立的一个对象    window.baidu = {};    //script载入完之后会调用这个函数,sug就是suggest的内容    window.baidu.sug = function(sug){        console.log(sug);    }    //调用    fetchJsonp(s);</script></body></html>
原创粉丝点击