javaweb 表格 页面跳转
时间: 2023-12-17 12:27:06 浏览: 82
以下是基于JavaWeb实现表格页面跳转的示例代码:
1.在商品展示页面中,添加一个“添加到购物车”的按钮,点击后跳转到购物车页面:
```html
<!-- 商品展示页面 -->
<html>
<head>
<title>商品展示</title>
</head>
<body>
<table>
<tr>
<td>商品1</td>
<td><button onclick="addToCart(1)">添加到购物车</button></td>
</tr>
<tr>
<td>商品2</td>
<td><button onclick="addToCart(2)">添加到购物车</button></td>
</tr>
<tr>
<td>商品3</td>
<td><button onclick="addToCart(3)">添加到购物车</button></td>
</tr>
</table>
<script>
function addToCart(productId) {
window.location.href = "cart.jsp?productId=" + productId;
}
</script>
</body>
</html>
```
2.在购物车页面中,根据传递的商品ID显示商品信息:
```html
<!-- 购物车页面 -->
<html>
<head>
<title>购物车</title>
</head>
<body>
<table>
<tr>
<th>商品ID</th>
<th>商品名称</th>
</tr>
<%
String productId = request.getParameter("productId");
String productName = getProductById(productId); // 根据商品ID获取商品名称
%>
<tr>
<td><%= productId %></td>
<td><%= productName %></td>
</tr>
</table>
</body>
</html>
```
在上述代码中,我们使用了JavaScript的window.location.href属性来实现页面跳转,并在URL中传递了商品ID参数。在购物车页面中,我们使用了JSP的内置对象request.getParameter()方法来获取传递的参数,并根据商品ID获取商品名称。
阅读全文