Spring MVC 上传文件并将解析后的数据发回

Question

我正在为我的 Web 应用程序使用 Spring MVC。我正在实现文件上传功能。按照教程，我能够通过“文件”输入类型的提交操作将上传的文件发送到服务器。然后我在服务器端解析了上传的 xls 文件，需要将解析后的数据（3 个自定义对象列表）发送回同一个表单以显示。我通过 ModelAttribute 发回了数据。

但是，我现在的问题是，在客户端，我需要在我的 javascript 中使用这些自定义对象列表，但我只能通过 jstl 标签库检索自定义对象的每个字段，但我无法获取这些自定义对象在我的 javascript 中，我需要它们用于其他逻辑实现。

然后我尝试了一个Ajax文件上传插件，因为ajax调用可以返回JSON响应哪些对象可以在Javascript中使用。但无法让插件正常工作。

我被这个问题困扰了好几天>.

Answer 1

有什么理由不能简单地将模型对象“扁平化”为 HTML，然后使用 DOM API 从 Javascript 访问它们？

您说您返回 3 个自定义对象列表。那么对于每个列表，如何构建一个（隐藏的）HTML 表，例如，如果您在名为 people 的 ModelAttribute 中有一个 Person 对象列表：

<table id="people-table">
  <c:forEach var="person" items="${people}">
    <tr id="${person.id}>
      <td class="person-name">${person.name}</td>
      <td class="person-age">${person.age}</td>
      <td class="person-height">${person.height}</td>
    </tr>
  </c:forEach>
</table>

现在在您的 Javascript 中，您遍历 people-table 中的行，做任何您需要做的事情 - 例如使用 jQuery：

$("#people-table tr").each(
    var personId = $(this).attr("id");
    var personName = $(this).find("td.person-name").text();
    // etc, etc
    // Do something with these as required
);

这可能不是最优雅的解决方案，但至少它很容易调试 - 您可以随时使用 Firebug 等检查 table 以查看数据是否正确，然后您将知道是否继续调试服务器端或在 Javascript 中。