父页面得到子页面的值

最新推荐文章于 2022-07-03 23:16:38 发布

原创最新推荐文章于 2022-07-03 23:16:38 发布 · 772 阅读

0 ·

CC 4.0 BY-SA版权

WEB前端同时被 3 个专栏收录

112 篇文章

订阅专栏

95 篇文章

订阅专栏

MVC4

31 篇文章

订阅专栏

本文介绍了一个简单的父页面打开子页面并通过JavaScript进行页面间数据传递的示例。父页面通过弹窗方式打开子页面，并定义了窗口大小及位置。子页面则通过AJAX调用获取数据并将其写回父页面指定元素中。

父页面打开子页面JS

function ScanTypeSelect() {

var iWidth = 300; //弹出窗口的宽度;
var iHeight = 200; //弹出窗口的高度;
//获得窗口的垂直位置
var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
//获得窗口的水平位置
var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;

var url = "/Order/ScanTypeSelect"
window.open(url, 'newwindow', 'height=' + iHeight + ',width=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ', toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')

}

父页面HTML

<body>

</body>

子页面JS 其中data就是写入到父页面的值。

function GetScanTypeString() {
$.post("/Order/GetScanTypeString", {}, function (data) {
// alert(data)
window.opener.document.getElementById("txtTest").innerHTML = data
window.close()
});
}