Jquery利用Iframe实现跨子域

最新推荐文章于 2022-10-21 11:43:41 发布

dk8600

最新推荐文章于 2022-10-21 11:43:41 发布

阅读量95

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sunbey/p/5948746.html

版权

cross_sub.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cross sub domain</title>
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
</head>
<body>
    <script>
        document.domain = 'test.com'; //提升域
        var url = '/data/gameOut1.js';

        function doAjax(callback){
            $.ajax(url).done(function(data){
                callback(data);
            })
        }
    </script>
</body>
</html>

sub.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cross sub domain</title>
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
</head>
<body>
    <iframe src="http://b.test.com/cross_sub.html" style="display: none;" id="bfrm" frameborder="0"></iframe>
    <script>
    window.onload = function(){
        function crossSub(){
            document.domain = 'test.com'; //提升域
            window.frames['bfrm'].contentWindow.doAjax(function(data){
                alert(data);
            })
        }

        crossSub();
    }
        
    </script>
</body>
</html>

http://a.test.com/sub.html 发起请求，通过提升域和引入iframe的方式，获取iframe子域中所请求接收的数据。

转载于:https://www.cnblogs.com/sunbey/p/5948746.html

dk8600

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery利用Iframe实现跨子域

cross_sub.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Cross sub domain</title> <script type="text/javascr...
复制链接

扫一扫