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

原创 2017年01月03日 10:38:46
<!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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

七种跨域方法【5.window.postMessage篇】

问题描述: 本地http://localhost/data.html 向异域http://www.lamport.me/data2.html获取数据 如果该文件不能访问,你可以在自己的wamp中配置一...

七种跨域方法【2.document.domain篇】

上一篇七种跨域方法【1.CROS篇】主要解决的是异域之间的传值 这里主要解决的是子域与父域之间的传值 问题描述: 现有父域:http://b.com/b.com.html 要向子域:http:...

七种跨域方法【7.location.hash篇】

问题描述: 使用location.hash + iframe实现跨越 现在本地页面a.html要访问异域b.html的数据 怎么办?环境配置: a.html 和 c.html我们放在php的wamp中...

AJAX跨域方法之一—使用<script>实现

关于跨域,昨天看了文章,还是比较晕,今天看到这个方法觉得比较容易懂,所以就可耻地转载一下,原PO是 http://www.cnblogs.com/wangfupeng1988/p/4060747...

使用动态的script标签的方式实现JS的跨域请求

首先,需要满足的条件是: 1、自身对JS代码

通过script标签实现JSONP跨域调用

为了演示通过script标签实现JSONP跨域调用,在VS的解决方案中有两个不同域的网站,客户端网站MyClientJSONP的域是localhost://24114,处理JSONP请求的服务器网站M...

利用script标签的src属性来实现跨域请求(JSONP协议)

什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用...

跨域访问解决方法-jsonp

  • 2016年01月07日 15:02
  • 4KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:七种跨域方法【4.script篇】
举报原因:
原因补充:

(最多只允许输入30个字)