javascript - 如何在子 HTML 窗口上提交表单，然后在父窗口上调用 Javascript 函数，然后关闭子窗口

Question

全部，

这应该是一个非常简单的问题，但我还没有找到我正在寻找的答案。

我有一个父 HTML 窗口。当用户单击该窗口上的按钮时，它会打开一个子窗口(例如，“childA.asp”)

该子窗口包含一个表单。当用户提交该表单时，我希望发生以下情况:

1. 保存表单中的数据
2. 子窗口关闭
3. 父窗口更新以反射(reflect)新数据

我该如何实现？

childA.asp 上的表单是否应该将数据发布到另一个页面(例如“childB.asp”)以保存数据，然后调用父窗口上的 JavaScript 函数通知它更新，然后自行关闭？

如果是这样，你会怎么做？

非常感谢。

Answer 1

子页面中的 Javascript 代码可以通过 window.opener 引用父页面.因此可能发生的是:

1. 子页面向服务器提交表单
2. 服务器执行操作并以“结果”页面响应

3. “结果”页面要么是有错误的原始表单，要么是只有 <script> 的小页面 block 做:

   window.opener.timeToReloadYourself();
   window.close();