jsonp script跨域

115 阅读1分钟
<button id="btn">按钮</button>

<script>

###### // jsonp (json with padding)  使用模式,可用于解决主流浏览器的跨域数据访问的问题
###### 
###### // img video audio script   他们的src属性   是没有跨域限制的
###### 
###### // 而jsonp就是利用了script的src属性实现的

        btn.onclick = function() {

            // 1、创建一个script标签

            var el = document.createElement('script');

            // 2、将地址放入src    ?后面添加键值对callback=f  需要定义函数f
  
            el.src = 'https://category.vip.com/ajax/getSuggest.php?callback=f1000&keyword=阿迪达斯&_=1638175706648'

            // 3、将script标签加入到页面里面

            document.body.appendChild(el);

        }

        function f1000(data) {   // 接收服务端返回的数据

            console.log(data);
        }
    </script>