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

Question

所有

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

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

该子窗口包含表单。以下是用户提交该表单时我想要发生的事情：

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

我该如何实现？

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

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

非常感谢提前。

Answer 1

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

1. 子页面将表单提交给服务器
2. 服务器执行操作并使用“结果”页面进行响应

3. “结果”页面是带有错误的原始表单，或者是只有<script>块的小页面：

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