localStorage 跨域请求

最新推荐文章于 2024-01-26 16:32:21 发布

远方的李子

最新推荐文章于 2024-01-26 16:32:21 发布

阅读量1.9k

点赞数

分类专栏： javascripter

本文链接：https://blog.csdn.net/freedom_fd/article/details/90174127

版权

javascripter 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

localStorage 跨域请求
http://www.a.jwt.com/login.php A网站
http://www.b.jwt.com/callback.php B 网站

A网站获取 b网站的 localStorage 信息

A网站

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <iframe src="http://www.b.jwt.com/callback.php" frameborder="0"></iframe>
    <script>

        window.onload = function(){
            //在页面加载完成后主页面向iframe发送请求
            window.frames[0].postMessage('99','http://www.b.jwt.com');
        }

        // 主页面监听message事件,
        window.addEventListener('message', function(e){
            var data = e.data;
            console.log(data)
        }, false);
    </script>
</body>
</html>

B 网站

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
</body>
</html> 
 <script>
        //iframe接收消息，并把当前颜色发送给主页面  
        window.addEventListener('message', function(e) {  
            if (e.source != window.parent)   
                return;  
            // console.log(e.data)
            localStorage.getItem(e.data);
            obj = {};
            obj[e.data] = localStorage.getItem(e.data)
            window.parent.postMessage(obj, '*');  //* 代表所有网站
        }, false);
</script>

远方的李子

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
4
评论
localStorage 跨域请求

localStorage 跨域请求http://www.a.jwt.com/login.php A网站http://www.b.jwt.com/callback.php B 网站A网站获取 b网站的 localStorage 信息A网站<!DOCTYPE html><html lang="en"><head> <meta c...
复制链接

扫一扫