如何使用jQuery将jsp文件包含在另一个jsp文件中答案

【问题标题】：How to include jsp file inside another jsp file using jQuery如何使用jQuery将jsp文件包含在另一个jsp文件中
【发布时间】：2021-01-25 16:01:41
【问题描述】：

我试图在单击按钮时包含一个 jsp 文件

    <script type="text/javascript">

    jQuery(document).ready(function($) {
        $('#RegisterChildPage').on('click', function() {
            $('.content').html("<%@ include file="FamilyManagerView.jsp"%>");

        });
    });
    </script>

我的问题出在$('.content').html(<%@ include file="FamilyManagerView.jsp"%>);这一行有语法错误，不知道正确的写法是什么。

<%@ include file="FamilyManagerView.jsp"%> 未正确包含，因为<% %>。

【问题讨论】：

标签： javascript jquery jsp struts2 java-ee-6

【解决方案1】：

这可能会对你有所帮助。

将 DIV 添加到您的 JSP 文件中，其中包含您的其他 JSP 文件，并且它最初是隐藏的

然后在onlclick函数中去掉隐藏

!document.getElementById('testContainer').hidden - HTMLElement 属性 hidden 是一个布尔值，它是 true 并且使用 !运算符，您可以显示隐藏的 DIV。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Main JSP</title>
</head>
<body>
    <div class="row">
        <div class="col-12">
            <div class="row">
                <button class="btn btn-success" onclick="renderElement()">Render Me</button>
            </div>
            <div class="row mt-2" id="testContainer" hidden>
                <!-- Insert your file here -->
                <%@ include file="test.jsp" %>
            </div>
        </div>
    </div>
</body>
    <script>
        const renderElement = () => {
            document.getElementById('testContainer').hidden = !document.getElementById('testContainer').hidden;
        }
    </script>
</html>

【讨论】：

或者你可以使用.load()从服务器加载数据并将返回的HTML放入匹配的元素中。但是您必须提供其他 JSP 所在的确切路径。例如 - $("#testContainer").load('../../pages/students/test.jsp');
请发布文字，而不是文字图片。
请不要添加新答案，编辑现有答案（或删除旧答案）。
非常感谢您指出@Dave Newton。我已经编辑了我的答案。
没问题——感谢您花时间清理；真的很有帮助。