javascript - 将 JSP 文件链接到另一个 JSP 中

Question

我正在尝试拆分我的 JSP 代码，以便它不全部在一个文件中。我有 2 个选项卡 - 主页和测试。这是我的代码:

<ul>
   <li><a href="#tabHome">Home</a></li>
   <li><a href="#test">Test</a></li>
</ul>

问题是当主页选项卡加载时，它也会加载测试页面。这是我链接到测试页面的方式:

<div id="test">
    <tr>
        <td>
            <jsp:include page="test.jsp" />
        </td>
    </tr>
</div>

和 test.jsp:

<table>
<tr>
    <td>
        <div>
        <table width="100%" border="0">
        <col width="14%">
            <form:form id="testForm" method="post" action="/test/testing
            <tr>
                <td> SYSTEM SETTINGS </td>
            </tr>
            </form:form>
         </table>
         </div>
     </td>
</tr>
</table>    

我做错了什么？如何让它在单击选项卡时仅显示 test.jsp？

Answer 1

#name 形式的 anchor href 指向同一页面上的内容。您需要 JavaScript 来显示您刚刚单击的选项卡并隐藏另一个选项卡。

或者，您可以在另一个页面上显示第二个选项卡:链接到单独 JSP 中选项卡的通用代码:

tabs.jsp:

<ul>
   <li><a href="/path/to/tabHome.jsp">Home</a></li>
   <li><a href="/path/to/test.jsp">Test</a></li>
</ul>

然后其他 JSP 都将包含 tabs.jsp 来显示选项卡集，以便它在所有页面上看起来都相同。