如何根据请求制作一列表格以动态显示 jsp

How make a column of table to show jsp dynamically according to request?

本文关键字:一列 表格 jsp 动态显示 何根 请求      更新时间:2023-09-26

我有一个索引.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(注册、搜索和删除)中的链接时,我希望该相应的页面加载到最右侧的 td..

IE..我希望索引页面中的所有内容都是静态的,除了最正确的TD是动态的。

我真正想要的是让我的页面像这个页面

我是JSP的新蜜蜂,所以示例代码将是可观的。

我可以想到两种方法:

  1. 您可以使用iFrames .
  2. 您不使用锚元素,而是使用jqueryjavascript显示和隐藏不同的页面,如果需要,ajax命中一些页面。

如果你只是谷歌,他们都有足够的例子。

此示例 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