Question

我有一个index.jsp页面，如

<%@ include file="header.jsp" %>

<table id="" width="100%" height="100%">
    <tr>
        <td align="left" width="30%">
            <table>
                <tr><td><a href="EmployeePage.jsp">Register employee</a></td></tr>
                <tr><td><a href="empSearch.jsp">Search employee</a></td></tr>
                <tr><td><a href="empDelete.jsp">Delete employee</a></td></tr>
            </table>
        </td>
        <td align="left" width="70%">
            <%@ include file="EmployeePage.jsp" %>
        </td>
    </tr>
</table>
<%@ include file="Footer.jsp" %>

我拥有员工的这3个功能的所有页面。

现在我只想知道我可以将页面加载到最右边的td，(where i had given as <%@ include file="EmployeePage.jsp" %> now) ..当用户点击左边的链接（注册，搜索和删除）时，我想要相应的页面被装在最右边的td ..

IE ..我希望我的索引页面中的所有内容都是静态的，除了最右边的td是动态的。

我真正想要的是让我的网页像this page

我是jsp的新蜜蜂..所以示例代码会很明显..

Answer 1

我可以想到两种方法：

您可以使用iFrames。
您不使用锚元素，而是使用jquery或javascript显示和隐藏不同的网页，并在需要时点击ajax。

Answer 2

此示例jQuery代码应该可以帮助您

<a href="#" onclick="loadjsp()">Register employee</a>
<div id="divId"></div>

function loadjsp(){
    $.ajaxSetup ({
        cache: false
    });
    $("#divId").load("EmployeePage.jsp");   
}

当您点击Register employee时，系统会调用loadjsp()函数，这将加载您的jsp。

如何使表的列根据请求动态显示jsp？

2 个答案: