在网页的循环中创建 froms答案

【问题标题】：Creating froms within a loop on a web page在网页的循环中创建 froms
【发布时间】：2015-02-18 05:26:03
【问题描述】：

我正在尝试使用 JSP 和 Servlet 开发医疗计费系统，其中有一个显示库存的页面，库存以表格形式显示，列 ProductName、Price、ExpiryDate 和 Quantity，如果用户想要更新任何详细信息，那么他可以双击该字段并更改其值，然后提交。那么为此做了什么，我为每一行创建了一个表单，并在每一行上放置了一个更新按钮，这是一种在页面上创建这么多内容或以这种方式创建表单的好习惯吗？有什么缺点？有什么替代方法？

<c:forEach var="product" items="${productList }">
                    <form action="updateStock" role="form" method="post">
                        <div class="form-group">
                            <div class="row">

                                <div class="col-sm-3">
                                    <input type="text" value="${product.name }" readonly="readonly"
                                        class="read" name="prodName">
                                </div>
                                <div class="col-sm-2">
                                    <input type="date" value="${product.expiryDate}"
                                        readonly="readonly" class="read" name="prodExpiryDate">
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" value="${product.quantity}"
                                        readonly="readonly" class="read" name="prodQuantity">
                                </div>
                                <div class="col-sm-3">
                                    <input type="text" value="${product.price}" readonly="readonly"
                                        class="read" name="prodPrice">
                                </div>
                                <div class="col-sm-2">
                                    <input type="submit" name="update" value="update"
                                        id="updateButton">
                                </div>
                                <div>
                                    <input type="hidden" name="prodId"
                                        value="${product.productId }">
                                </div>
                            </div>
                        </div>
                    </form>


                </c:forEach>

【问题讨论】：

我曾经这样做是为了更新表格中的一行，但是一个很好的替代方法是 ajax 调用而不是创建很多表单。
不是创建许多表单，而是使用一个表单并使用 ajax 在提交时根据产品 ID 更新值。

标签： java jsp servlets jstl web-deployment-project

【解决方案1】：

虽然创建不同的表单没有问题，但我认为更快的方法是在单页中创建行，并且您可以提供一个更新按钮。单击提交按钮后，您可以使用 Ajax 回调到同一页面。

【讨论】：