jsp中有三层窗口,最外层为提示窗口,中间为配置窗口,底层为展示数据的窗口,ajax响应成功后,点击提示窗口的确定按钮,关闭提示窗口,并关闭中间层的窗口,刷新底层窗口
时间: 2023-07-19 17:36:56 浏览: 106
在 JSP 页面中关闭多层窗口并刷新底层窗口,可以使用以下步骤:
1. 在 AJAX 请求的 success 回调函数中关闭当前窗口和父窗口的中间窗口。
```
success: function(data) {
// 关闭当前窗口和父窗口的中间窗口
window.close();
window.opener.close();
}
```
2. 在提示窗口的确定按钮的 onclick 事件中刷新底层窗口。
```
<input type="button" value="确定" onclick="refreshBottomWindow()">
```
```
function refreshBottomWindow() {
// 刷新底层窗口
window.opener.location.reload();
}
```
3. 在底层窗口中通过 window.open() 函数打开配置窗口。
```
function openConfigWindow() {
// 打开配置窗口
window.open("your-config-page-url", "config-window", "height=600,width=800");
}
```
在上述代码中,我们在 AJAX 请求的 success 回调函数中先关闭当前窗口和父窗口的中间窗口,然后在提示窗口的确定按钮的 onclick 事件中调用 refreshBottomWindow() 函数来刷新底层窗口。
同时,在底层窗口中,我们可以通过 window.open() 函数来打开配置窗口。当用户在配置窗口中完成操作并保存后,可以触发 AJAX 请求,并在响应成功后再次关闭当前窗口和父窗口的中间窗口,并刷新底层窗口。
需要注意的是,为了避免弹出窗口被浏览器拦截,我们需要在 window.open() 函数中指定窗口的高度和宽度等参数。
阅读全文