Question

我正在尝试使用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>

Answer 1

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

在网页上的循环内创建froms

1 个答案: