ボタンクリックに関する情報を表示するJava Webアプリケーション

Question

私のプロジェクトはJava動的Webアプリケーションです。私はサーブレット& jspページを私のプロジェクトに持っています。 JSPページの1で、私は以下のように表を示した：

<table><tr><td>First Address</td><td>AAA</td></tr> 
 
<tr><td>Second Address</td><td>BBB</td></tr></table>

：

<table border="2" bordercolor="#81BEF7"> 
 
<tr bordercolor="#81BEF7"> 
 
\t <td>Customer Name</td> 
 
\t <td>Address</td> 
 
\t <td>Contact Number</td> 
 
</tr> 
 
<tr bordercolor="#81BEF7"> 
 
\t <td>AA</td> 
 
\t <td>AA Address</td> 
 
\t <td>1111</td> 
 
    \t <td> \t 
 
\t \t <form name="detail" action="./custInfo" method="post"> 
 
\t \t \t <input type="submit" name="btnCustomerInfo" value="Detail.." /> 
 
\t \t </form> 
 
\t </td> 
 
</tr> 
 
<tr bordercolor="#81BEF7"> 
 
\t <td>BB</td> 
 
\t <td>BB Address</td> 
 
\t <td>2222</td> 
 
    \t <td> \t 
 
\t \t <form name="detail" action="./custInfo" method="post"> 
 
\t \t \t <input type="submit" name="btnCustomerInfo" value="Detail.." /> 
 
\t \t </form> 
 
\t </td> 
 
</tr> 
 
</table>

をユーザーがボタンをクリックすると、私は以下のように、顧客の詳細情報を表示したいです

私は別のページに行きたくありません。メッセージボックスで表示することをお勧めします。これらの顧客詳細情報は配列されています。どのように私はこれを達成することができます。

おかげで、

Answer 1

あなたは（あなたのscnerioに好適）、この異なる方法で

オプション1実装することができます：あなたの条件は任意のサーバデータ用には必要ありませんので、あなたは、単に任意のクライアントを使用することができますが入力側の関数として出力を生成するために、サイドスクリプトまたはjavascriptライブラリを使用します。

例えば、あなたは以下のようにjQueryのを使用することができます。

HTML

<table border="2" bordercolor="#81BEF7"> 
<tr bordercolor="#81BEF7"> 
    <td>Customer Name</td> 
    <td>Address</td> 
    <td>Contact Number</td> 
</tr> 
<tr bordercolor="#81BEF7"> 
    <td class="custemorName1">AA</td> 
    <td class="address1">AA Address</td> 
    <td>1111</td> 
    <td>  
     <form id = "target" name="detail" action="./custInfo" method="post"> 
      <input type="submit" name="btnCustomerInfo" value="Detail.." /> 
     </form> 
    </td> 
</tr> 
<tr bordercolor="#81BEF7"> 
    <td class="custemorName2">BB</td> 
    <td class="address2">BB Address</td> 
    <td>2222</td> 
    <td>  
     <form id = "target" name="detail" action="" method="post"> 
      <input type="button" name="btnCustomerInfo" value="Detail.." /> 
     </form> 
    </td> 
</tr> 
</table> 

<div id="output"></div> 

jQueryの

$(document).ready(function() { 

$("#target").click(function(event) { 
var address1 =$(".address1").text(); 
var address2 =$(".address2").text(); 
    $("#output").append(
     "<table><tr><td>First Address</td><td>"+address1+"</td></tr>" + 
     "<tr><td>Second Address</td><td>"+address2+"</td></tr></table>"); 

}); 
}); 

オプション2：あなたは本当にあなたのサーバーでサーブレットをヒットする必要がある場合、あなたはajax呼び出し（ページを再読み込みせずに）を使うことができます。またはリクエストオブジェクトの属性に値を追加することもできます。あなたのJSPページにあなたのサーブレットをロムします。