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

Question

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

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

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

我已经被这个问题困扰好几天了>.<有人可以帮忙吗？在 Javascript 中使用 ModelAttribute 的解决方案或 Ajax 调用解决方案都可以。非常感谢！！！

Answer 1

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

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

<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 中。