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

完全なページを取得する代わりに、サーバーからデータのみを取得し、JavaScript を使用してページにデータをレンダリングします。

これは通常、ページを非同期で(または Ajax を使用して)投稿する場合に可能です。あなたのやり方は次のとおりです。

  • Ajax を使用して入力パラメーターをサーバーに渡すことにより、アクションを呼び出します。
  • サーバーから JSON 形式で応答を取得する
  • JSON データを解析し、DOM 操作を使用してページに入力します。

jQueryなどの任意の JS ライブラリを使用して、Ajax 呼び出しを簡素化し、DOM 操作を行うことができます。

于 2013-01-18T10:53:24.897 に答える
0

jqueryを使っていると仮定して

タブまたはラベルをクリックすると、AJAX リクエストが実行されます。

サーブレットを呼び出し、そこでデータを ajax レスポンスに書き込みます。

クライアント側 onsuccess で、必要なことを行います。

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

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

          }
        });
}
于 2013-01-18T13:09:01.897 に答える