背景: 私は - Search.jsp、SearchResult.java、および SearchDetails.java ファイルを持っています。フォーム送信時に jquery/(ajax?) を介して SearchResult サーブレットに検索値を投稿し、結果を 1 列のテーブルに表示する必要があります。その後、ユーザーは任意の行をクリックして、その結果の詳細を同じページに表示できます。この場合、私の計画は、jquery-ajax を介して SearchDetails サーブレットを呼び出さなければならない特定の行のクリック イベントです。
問題: 動的に入力されたテーブル内で検索結果を取得できるようになり、各行内で /link タグ内に結果を入力しています。1. pls は、ページネーションなどを行うことができるように、結果をテーブルに入力する方法を教えてください。
私の経験:私は過去 1 か月から jsp、サーブレット、jquery-ajax に取り組んでいます。しかし、.netは7年間続きました。
検索.jsp:
<script>
$(document).ready(function() {
$('#btnSearch').click(function() {
$mobileNo = document.getElementById("txtMobileNo").value;
$.post('BE_AccountSearch', {mobileNo:$mobileNo},
function(responseText){
$('#dvSearchResultSub').html(responseText);
});
});
});
</script>
<form id="form" method="post">
<input name="txtMobileNo" id="txtMobileNo" autofocus>
<input type="button" id="btnSearch" value="Search"/>
<div id="dvSearchResultSub"></div>
</form>
SearchResult.java (サーブレット):
out.println("<table>");
for (int i = 0; i < memberList.size(); i++){
out.println("<tr>"); out.println("<td>");
out.println("<a id=\"memberList\" href=\"BE_AccountDetails?uln=" + memberList.get(i).getUsername() + "\">");
out.println(memberList.get(i).getUsername());
out.println("</a>");
out.println("</td>");
out.println("</tr>");
}
out.println("</table>");
out.println("</div>");
out.flush();
out.close();