在一个jsp页面中，单击按钮时，在引导程序中将第二个jsp页面加载为模态答案

【问题标题】：In one jsp page, On button click, load second jsp page as modal in bootstrap在一个jsp页面中，单击按钮时，在引导程序中将第二个jsp页面加载为模态
【发布时间】：2018-04-18 10:50:03
【问题描述】：

我有一个要求，创建一个表单并使用引导程序将该表单作为模式加载到多个屏幕上。

示例：假设我有 3 个 jsp 页面，即 Index.jsp、Request.JSP、Form.jsp

现在我在 Index.jsp 上有一个链接，它将 Form.jsp 显示为模态，我在 Request.jsp 上有按钮，单击按钮 Form.jsp 将显示为模态。

我已经进行了多次查询，但解决方案并不令人满意。不想重复代码，想用Modal。

提前致谢。

【问题讨论】：

标签： file jsp file-upload bootstrap-modal

【解决方案1】：

我得到了解决方案。我在主 JSP 中保留了 Modal 和 Modal-dialog 类 div 标签，如下所示：

<div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Cash Request Form</h4>
                </div>
                <div id="loadModalBody" >

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

然后我在第二个 JSP CashRequestForm.jsp 中添加了带有 modal-body 类的表单：

<div class="modal-body panel">
            <div class="panel panel-body" id="panelActTypeAndDate">
                <div class="row">
                    <div class="col-md-8"><font>Activity Type</font></div>
                    <div class="col-md-3"><font>Select Activity Date</font></div>
                </div>
                <div id="row1" class="row">
.....
.....
Your code
 </div>
            </div>
        </div>

然后我使用 jquery 调用 .load，如下所示：

$(".popUp").click(function () {
                $("#loadModalBody").load("CashRequestForm.jsp");
            });

它对我有用。

【讨论】：