javascript - 如何将商品添加到购物篮JSP

Question

似乎无法直接在 Google/Youtube 上找到有关如何直接执行此操作的任何好的指南。基本上我有一个产品列表(代码):

<sql:query var="result">
select * from inventory;
</sql:query>

<table border="1" width="100%">
<tr>
<th>Code</th>
<th>Author</th>
<th>Description</th>
<th>Other field(Probs price)</th>
<th>Item Stock</th>
<th>Order Stock</th>
<th>Buy option </th>
</tr>

<c:forEach var = "row" items = "${result.rows}">
<tr>
<td><c:out value = "${row.item_code}"/></td>
<td><c:out value = "${row.item_author}"/></td>
<td><c:out value = "${row.item_description}"/></td>
<td><c:out value = "${row.item_price}"/></td>
<td><c:out value = "${row.item__stock_count}"/></td>
<td><c:out value = "${row.item_order_count}"/></td>
<td><a href="shoppingbasket.jsp">Order Now!</a></td>
</tr>
</c:forEach>
</table>
</div>  

布局看起来像这样:

代码作者描述价格项目股票购买股票购买选项

它连接到 mySQL 数据库。所以很明显，所有这些标题下都是信息。在“购买选项”下，每一行都有购买。

我想要做的是当我点击一行上的购买时。它将获取该特定行的项目代码，并将该项目发布到页面 shoppingbasket.jsp 上。

有什么想法可以做到这一点吗？

Answer 1

不是 .jsp 特定的，但也许这可以启发您。通常可以像这样使用 onclick 事件进行模板化:

<td onclick="addToCart(row.item_code)"></td>

我不熟悉您的确切语法，但我的想法是调用一个函数并传递当前行的 ID。

然后你就会有一个像这样的 javascript 函数:

function addToCart(id) {
   //POST request using 'id'
}

希望这对您有所帮助!