在按钮上单击Java Web应用程序显示信息

Question

我的项目是Java动态Web应用程序。 我的项目中有servlet和jsp页面。 在一个jsp页面上，我显示了如下表：

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

用户单击按钮后，我要显示以下客户详细信息：

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

我不想转到其他页面，我更喜欢显示带有消息框。 这些客户详细信息在数组中。 我怎样才能做到这一点。

谢谢，

Answer 1

您可以通过不同的方式来实现

选项1 （在scnerio中首选）：由于不需要任何服务器数据，因此您可以简单地使用任何客户端脚本或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 ：如果确实需要在服务器中访问servlet，则可以使用ajax调用（无需重新加载页面），也可以将值添加到请求对象属性中，同时将请求从servlet转发到jsp页面。