Java SpringMVC-使用JSP表删除SQL中的行

我在购物车（SQL表）中放置“删除”按钮时遇到另一个问题 我想当我把光标放在例如ID为36的行中的delete按钮上时，该按钮中的链接将适用于该行的ID为36

这是我的代码：

<form action="/OnlineShop/cart/selectedItem=${cart.getID()}"  method="post">
<div style="padding-right: 40px">
    <table border="1">
        <tr>
            <td>ID</td>
            <td>Product</td>
            <td>Name</td>
            <td>Company</td>
            <td>Type</td>
            <td>Price</td>
            <td>Action</td>
        </tr>
        <c:forEach var="cart" items="${carts}">
            <tr>
                <td>${cart.getID()}</td>
                <td><img src="${cart.getProduct()}" /></td>
                <td>${cart.getName()}</td>
                <td>${cart.getCompany()}</td>
                <td>${cart.getType()}</td>
                <td>${cart.getPrice()}</td>
                <td><input type="submit" value="Delete"/></td>
            </tr>
            </c:forEach>
    </table>        
</div>
</form>

身份证件
产品
名称
单位
类型
价格
行动
${cart.getID（）}
${cart.getName（）}
${cart.getCompany（）}
${cart.getType（）}
${cart.getPrice（）}

我并不惊讶它的工作方式与我想要的不一样（当我将光标移到delete上时，ID不会显示，因为form action不知道这个字符串是什么？）

<c:forEach var="cart" items="${carts}">
<form action="/OnlineShop/cart/selectedItem=${cart.getID()}" method="post">
<div style="padding-right: 40px">
    <table border="1">
        <tr>
            <td>ID</td>
            <td>Product</td>
            <td>Name</td>
            <td>Company</td>
            <td>Type</td>
            <td>Price</td>
            <td>Action</td>
        </tr>
            <tr>
                <td>${cart.getID()}</td>
                <td><img src="${cart.getProduct()}" /></td>
                <td>${cart.getName()}</td>
                <td>${cart.getCompany()}</td>
                <td>${cart.getType()}</td>
                <td>${cart.getPrice()}</td>
                <td><input type="submit" value="Delete"/></td>
            </tr>
    </table>        
</div>
</form>
</c:forEach>

身份证件
产品
名称
单位
类型
价格
行动
${cart.getID（）}
${cart.getName（）}
${cart.getCompany（）}
${cart.getType（）}
${cart.getPrice（）}

---

除了每一行与其他行分开之外，它工作得很好。这就像一个表（包含所有标记列）负责SQL数据库中的一行。如何修复此问题？

您可以在JS中完成，但它可以为您工作：

<div style="padding-right: 40px">
      <table border="1">
          <tr>
              <td>ID</td>
              <td>Product</td>
              <td>Name</td>
              <td>Company</td>
              <td>Type</td>
              <td>Price</td>
              <td>Action</td>
          </tr>
          <c:forEach var="cart" items="${carts}">
              <tr>
                  <td>${cart.getID()}</td>
                  <td><img src="${cart.getProduct()}" /></td>
                  <td>${cart.getName()}</td>
                  <td>${cart.getCompany()}</td>
                  <td>${cart.getType()}</td>
                  <td>${cart.getPrice()}</td>
                  <td><form action="/OnlineShop/cart/selectedItem=${cart.getID()}"  method="post"><input type="submit" value="Delete"/></form></td>
              </tr>
              </c:forEach>
      </table>        
</div>

身份证件
产品
名称
单位
类型
价格
行动
${cart.getID（）}
${cart.getName（）}
${cart.getCompany（）}
${cart.getType（）}
${cart.getPrice（）}

我为什么不早点考虑？谢谢，它是有效的：）为什么要提交单个活动？为什么你不能考虑Ajax？