关闭

七种跨域方法【4.script篇】

标签: 跨域script跨域
244人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
    * script标签不受同源策略限制
    * */
    function loadScript(url, fn) {
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.src = url;

        script.onload = script.onreadystatechange = function () {
            if (!this.readyState || this.readyState === 'loaded'
                    || this.readyState === 'complete') {
                fn();
                script.onload = script.onreadystatechange = null;
            }
        }
        head.appendChild(script);
    }
    // 打印出数据
    window.baidu = {
        sug: function(data){
            console.log(data);
        }
    }
    // 这是一个接口api,它会返回数据给你
    // http://suggestion.baidu.com/su?wd=w
    loadScript('http://suggestion.baidu.com/su?wd=w',function(){console.log('loaded')});
</script>
</body>
</html>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:113162次
    • 积分:2796
    • 等级:
    • 排名:第13231名
    • 原创:175篇
    • 转载:0篇
    • 译文:0篇
    • 评论:9条