您的实际问题是您不知道如何在客户端处理 JSON 字符串。我强烈建议为此使用jQuery,因为这大大简化了 DOM 操作。我建议通过their tutorials 或获取decent book 的主题。
对于 jQuery + JSON + Servlet + HTML 表格组合,我在 here 和 here 之前发布了类似的答案,以及如何在 Google Gson 和 Servlet 的帮助下填充表格的代码示例,您可能会发现它很有用。我将从其中一个中复制粘贴。
这里是 Servlet 和 Javabean:
public class JsonServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
List<Data> list = dataDAO.list();
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(new Gson().toJson(list));
}
}
public class Data {
private Long id;
private String name;
private Integer value;
// Add/generate getters/setters.
}
JsonServlet(您可以随意命名,这只是一个基本示例)应该映射到已知url-pattern 上的web.xml,我们在此示例中使用/json。 Data 类仅代表 HTML 表(和数据库表)的一行。
现在,您可以在 jQuery.getJSON 的帮助下加载表格:
$.getJSON("http://example.com/json", function(list) {
var table = $('#tableid');
$.each(list, function(index, data) {
$('<tr>').appendTo(table)
.append($('<td>').text(data.id))
.append($('<td>').text(data.name))
.append($('<td>').text(data.value));
});
});
tableid 当然表示 HTML <table> 元素的 id。
<table id="tableId"></table>
应该是这样的。毕竟这很简单,相信我。祝你好运。