JS实现跨页面回调传值

背景介绍：
页面1中有一个按钮，希望实现点击按钮打开页面2。
页面2进行一系列操作后，点击该页面确定按钮后关闭页面，同时返回值到页面1

页面1代码：

	<button id="aaa">测试</button>
$(function(){
		$("#aaa").on('click', function() {
			window.open("http://127.0.0.1:8848/demo/222.html"); //页面2的地址
		});
		//接收返回数据
	window.onmessage = function (e) {
		console.log(e.data)
	    var student = e.data;
	    if (student  != undefined && student  != null) {
	        if(student.id != undefined && student.id != null) {
	            var id = student.id;
	            var name = student.name;
	        }
	    }
	
	};
})

页面2代码：

<button onclick="onOk()">测试</button>
		<script>
			function onOk() {
				var student = {
					name: "lily",
					id: 1
				}
				if (window.opener) {
					window.opener.postMessage(student, '*');
				}
				window.close();
			}
		</script>