0

背景: 私は - 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(); 
4

2 に答える 2

0

Java MVC (Model View Controller) を使用して、パラメーターを jsp から Java に渡し、Jsp に戻します。ここでヘルプを得ることができます。

AJAX を使用して jsp にテーブルを設定するには、Datatablesを使用できます。データテーブルは、ページネーション、検索、並べ替えなど、テーブルに多くの機能を提供します。

これが役立つことを願っています。コードから始めた場合は、質問とともにコードを提供してください。

于 2012-05-16T06:08:49.177 に答える
0

私はそのようなタスクに jqGrid を使用します。ajaxが埋め込まれています。ページに挿入し、クエリを処理するサーブレット/コントローラーを作成するだけです。

あなたのコードから、すべてがうまく見えます。どこに問題があるのか​​わからない。FireBug をオンにして FireFox で実行し、トレースを確認してみてください。動的な結果が表示されない場合は、エラーが発生しているはずです。

于 2012-05-16T08:24:50.630 に答える