关闭

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

标签: 跨域jsonp
197人阅读 评论(0) 收藏 举报
分类:
<!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>
0
0

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