首页 > 代码库 > js Postmessage 跨域传输数据的简单应用
js Postmessage 跨域传输数据的简单应用
www.test.com
<?php
@ini_set(‘default_charset‘, ‘utf-8‘);
?>
<input type="text" value="http://www.mamicode.com/send" id="input" />
<input type="button" value="http://www.mamicode.com/send" id="button" />
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
document.getElementById(‘button‘).onclick = function () {
var command = "$(window.document.body).append(‘数据‘)";
window.parent.postMessage(‘run:‘ + command, document.referrer);
};
</script>
另外域名的 www.test2.com
<?php
@ini_set(‘default_charset‘, ‘utf-8‘);
?>
<iframe src="http://www.test.com/test2.php"></iframe>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
var rootUrl = ‘http://www.test.com/‘;
$(window).on(‘message‘, function (e) {
var command = e.originalEvent.data, origin = e.originalEvent.origin;
if ((rootUrl == origin || rootUrl == origin + ‘/‘) && typeof command == ‘string‘ && command.substr(0, 4) == ‘run:‘) {
command = command.substr(4);
eval(command);
}
});
</script>
js Postmessage 跨域传输数据的简单应用
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。