问题背景
客户在模态窗口中发布填报表,当点击提交时,总会打开一个新页面提示提交成功。客户希望,在模态窗口中提交报表后能够在本窗口中弹出提示,并且在该模态窗口中刷新。
问题分析
由于报表提交时会请求一个servlet处理,而后返回到该页面。而模态窗口并不是一个页面,可以将其理解为一个弹出窗口。所以当报表提交后,servlet返回页面时找不到对应的页面,所以会打开一个新窗口。
针对模态窗口自身的特点,如果我们能够将其嵌套在框架中,如frame,提交以后应该就不会打开新窗口了,所以本文即尝试将模态窗口放到iframe中嵌套。
实现步骤
第一步,准备任意填报表。
第二步,准备打开模态窗口的jsp页面,如下:
<html>
<body topmargin=0 leftmargin=0 rightmargin=0 bottomMargin=0 bgcolor="pink">
<input type="button" value="模态窗口" onClick="showModal('modelDialog.html',700,600)"></input>
<script language="javascript">