在按钮单击 java web 应用程序上显示信息答案

【问题标题】：Showing Information on button click java web application在按钮单击 java web 应用程序上显示信息
【发布时间】：2017-08-07 01:00:39
【问题描述】：

我的项目是 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>

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

谢谢，

【问题讨论】：

使用 jquery 从 HTML 中获取值
但我没有任何花哨的 CSS 项目。 jsp页面上的简单表格。
谁需要这些 花哨的 css 项目 - 请参阅 stackoverflow.com/questions/6155293/…
如何从 servlet 内部的数组中获取值

标签： javascript java servlets web-applications

【解决方案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 页面。

【讨论】：