如何使用 spring 表单标签将 html 值分配给使用 jquery/javascript 的变量？答案

【问题标题】：How can you use a spring form tag to assign an html value to a variable using jquery/javascript?如何使用 spring 表单标签将 html 值分配给使用 jquery/javascript 的变量？
【发布时间】：2017-07-04 23:31:25
【问题描述】：

我有一个拖放 UI。它就像一个遗愿清单。我所做的是将表单和 UI html 分开以便于数据操作。我有一个这样的空表单：（请注意，我使用的是弹簧表单标签“form：”）

<form:form method="POST" id="sampleForm" commandName="sampleForm" modelAttribute="sampleForm" class="navbar-form navbar-center">
    <table id="formToBeSaved">
    </table>
</form:form>

然后我有一个脚本，每当我的其他可排序对象收到一个项目时就会触发该脚本。示例如下：

$("#sortable2").sortable({
        connectWith : "#sortable2 ul",
        scroll: false,
        receive: function(event,ui) {

        var saveElement = '<tr id="saveRow['+statusCounter+']"><td><form:input type="hidden" '+
                'path="sampleFormModel['+statusCounter+']." class="form-control" '+
                'id="name['+statusCounter+'].sampleForm" value="'+ someValue +'"></form:input></td></tr>'

                console.log(saveElement);

                $("#formToBeSaved").append(saveElement);

                statusCounter = statusCounter + 1;

                console.log(statusCounter);
            };

        },

现在的问题是，每当我通过 ajax 提交表单时，都会发生错误。系统似乎无法识别我的

【问题讨论】：

标签： javascript jquery html spring forms

【解决方案1】：

您正在使用 Spring XML 模板，但 Web 浏览器只能使用 HTML。这在您在 JSP 文件中声明代码时有效，因为 Sprint 会解析它们并将它们转换为 HTML。

因此，与其手动将 JSP 添加到文档中，不如编辑您的 JSP 文件，使其生成您期望的 JSP。在这种情况下，您可以使用<c:forEach> 生成每个<tr>。 This answer 可以帮助您做到这一点。

如果您只能动态访问这些<tr> 所需的数据，我对Sprint 的了解不足以帮助您。也许你可以在this question 上找到一些资源。

【讨论】：