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

我有一个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中，

（我现在给出的位置）

。。当用户单击左侧td（注册、搜索和删除）中的链接时，我希望相应的页面加载到最右侧的td中

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

我真正想要的是让我的页面

---

我是个新手。。因此，示例代码将是可观的。

我可以想到两种方法：

您可以使用

iFrames

您不使用锚元素，而是使用

jquery

或

javascript

和一些

ajax

点击来显示和隐藏不同的页面

---

如果你只是在谷歌上搜索，它们都有很多例子。

这个示例jQuery代码应该可以帮助你

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

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

函数loadjsp（）{
$.ajaxSetup({
缓存：false
});
$（“#divId”）.load（“EmployeePage.jsp”）；
}

当您单击

注册员工

时，将调用

loadjsp（）

函数，该函数将加载您的

jsp