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

时间:2013-03-19 09:46:30

标签: javascript jquery html jsp

我试图将我的JSP代码拆分,以便它不是全部在一个文件中。我有2个选项卡 - Home和Test。这是我的代码:

<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?

1 个答案:

答案 0 :(得分:2)

#name形式的锚点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来显示tabset,所以它在所有页面上看起来都一样。