1

在此处输入图像描述

嗨，我的要求是在我提供员工 ID 的同一窗口上填充数据，员工 ID 按钮和输入字段出现在窗口的左角，我想在窗口的右上角填充数据，如图所示现在我在不同窗口上的人口数据请帮帮我。

这是我的JS

    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<jsp:include page="Header.jsp" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="../css/style1.css" rel="stylesheet" type="text/css">
</head>

<body>
    <table width="1255" height="952" border="0">
        <tr>
            <td width="357" height="251" bgcolor="#CC6600">
                <table width="285" border="0" align="center" bgcolor="#FF9900">




                    <c:if test="${requestScope.x}">
                        <div id="div3">
                            <form:form commandName="departmentForm"
                                action="/EmployeeWebAppUI/DepartmentController/findbydepartmentid">
                                <span>Find By ID </span>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <form:input path="departmentId" />
                                <input type="submit" name="submit1" value="search" />

                            </form:form>

                            <br>
                        </div>
                    </c:if>

                    <c:if test="${requestScope.y}">
                        <div id="div1">
                            <form:form commandName="departmentForm"
                                action="/EmployeeWebAppUI/DepartmentController/findbydepartmentname">
                                <span>Find BY Name</span> &nbsp;&nbsp;<form:input
                                    path="departmentName" />
                                <input type="submit" name="submit" value="search" />
                            </form:form>

                        </div>
                    </c:if>

                    <c:if test="${requestScope.w}">
                        <div id="div2">
                            <form:form commandName="projectForm"
                                action="/EmployeeWebAppUI/ProjectController/getprojectsbyId">
                                <span>Employee Number: </span>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <form:input path="employeeNumber" />
                                <input type="submit" name="submit2" value="search" />

                            </form:form>

                            <br>
                        </div>
                    </c:if>




                    <c:if test="${requestScope.A}">
                        <div id="div2">
                            <form:form commandName="employeeForm"
                                action="/EmployeeWebAppUI/EmployeeGetController/findbyid"
                                method="get">
                                <span>Employee Id:</span>

                                <form:input path="employeeNumber" />

                                <input type="submit" name="Search" value="Search" />

                            </form:form>
                        </div>
                    </c:if>

                    <c:if test="${requestScope.B}">
                        <div id="div1">
                            <form:form commandName="employeeForm"
                                action="/EmployeeWebAppUI/EmployeeGetController/findbyname"
                                method="post">

                                <span>Employee Name:</span>

                                <form:input path="firstName" />

                                <input type="submit" name="Search" value="Search" />

                            </form:form>
                        </div>
                    </c:if>


                    <c:if test="${requestScope.C}">
                        <div id="div1">
                            <form:form commandName="employeeForm"
                                action="/EmployeeWebAppUI/EmployeeGetController/findByDepatmentId"
                                method="post">

                                <span>Department ID:</span>

                                <form:input path="departmentId" />

                                <input type="submit" name="Search" value="Search" />

                            </form:form>
                        </div>
                    </c:if>

                </table>
                <p>&nbsp;</p>
            </td>
            <td width="888" rowspan="2">
        <tr>
            <td height="693" bgcolor="#CC6600"></td>
        </tr>
    </table>
</body>
</html>
4

2 回答 2

0

假设您正在使用 jquery

单击选项卡或标签执行 AJAX 请求。

它将调用您的 servlet 并将数据写入那里的 ajax 响应。

在客户端 onsuccess 做所需的东西。

function changeCOntent(type){
    $.ajax({
          type: 'POST',
          url: 'servletpath?type=passtype',
          success:function(data){

             $('#contentDiv').innerHTML = data;

          }
        });
}
于 2013-01-18T13:09:01.897 回答
0

而不是获取完整的页面，只从服务器获取数据，然后使用 JavaScript 在页面上呈现数据。

如果您以异步方式（或使用 Ajax）发布页面，这通常是可能的。你这样做的方式是：

  • 通过使用 Ajax 将输入参数传递给服务器来调用操作。
  • 从服务器获取 JSON 格式的响应
  • 解析 JSON 数据，然后使用 DOM 操作填充页面。

您可以使用任何 JS 库（如jQuery）来简化 Ajax 调用以及进行 DOM 操作。

于 2013-01-18T10:53:24.897 回答