点击删除商品,获取商品ID传到servlet里面
时间: 2024-03-26 14:40:03 浏览: 22
好的,您需要在前端页面设置一个“删除”按钮,当用户点击该按钮时,通过JavaScript获取该商品的ID,然后将ID通过Ajax发送到后端的servlet。具体实现步骤如下:
1. 在前端页面中添加一个“删除”按钮,例如:
```html
<button class="delete-btn" data-product-id="123">删除商品</button>
```
其中,`data-product-id`属性用于存储该商品的ID。
2. 使用JavaScript监听按钮的点击事件,获取商品ID,并发送到servlet。例如:
```javascript
// 获取所有的“删除”按钮
var deleteBtns = document.querySelectorAll('.delete-btn');
// 遍历每个按钮,添加点击事件监听器
for (var i = 0; i < deleteBtns.length; i++) {
deleteBtns[i].addEventListener('click', function() {
// 获取该按钮对应的商品ID
var productId = this.getAttribute('data-product-id');
// 发送Ajax请求到servlet
var xhr = new XMLHttpRequest();
xhr.open('POST', '/deleteProductServlet');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 删除成功,刷新页面
location.reload();
}
};
xhr.send('productId=' + productId);
});
}
```
其中,`/deleteProductServlet`是后端servlet的URL地址,`productId`是要删除的商品ID。在servlet中,可以通过`request.getParameter("productId")`方法获取该参数值,然后进行相应的业务操作。