七种跨域方法【3.JSONP篇】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSONP</title>
    <script type="text/javascript">
        /*
        * jsonp = json + padding
        * 将json数据放入一个盒子中
        * 下面是服务器端data.php代码:
        * <?php
        *  $_callback = $_GET['callback'];
        *  $data = array(1,2,3);
        *  echo $_callback.'('.json_encode($data).')';
        *  ?>
        * 如果该文件不能访问,你可以在自己的wamp中配置一个虚拟主机进行访问
        * 虚拟主机的配置地址:
        * http://blog.csdn.net/super_yang_android/article/details/53991982
        * */
        var oUrl = 'http://www.lamport.me/data.php?callback=getData';
        (function (oUrl) {
            var oScript = document.createElement('script');
            oScript.type = 'text/javascript';
            oScript.src = oUrl;
            document.getElementsByTagName('head')[0].appendChild(oScript);
        })(oUrl);
        function getData(data) {
            if (data !== undefined) {
                alert(data);
            }
        }
        getData();
    </script>
</head>
<body>

</body>
</html>
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/super_yang_android/article/details/53992246
文章标签: 跨域 jsonp
个人分类: 筑基【js】
上一篇七种跨域方法【2.document.domain篇】
下一篇七种跨域方法【4.script篇】
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭