时间戳

首页 > 解决方案 > 如何使用jQuery将jsp文件包含在另一个jsp文件中

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

问题描述

当像这样单击按钮时，我试图包含一个 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"%>由于<% %>.

标签： javascriptjqueryjspstruts2java-ee-6

解决方案

这可能会对您有所帮助。

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

然后在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>

推荐阅读