【问题标题】:Need Json results in a Table Format需要表格格式的 Json 结果
【发布时间】:2011-02-15 01:51:00
【问题描述】:

我得到 json 格式的结果,我需要以表格格式显示我的结果,从 html 获取输入,执行它的 servlet 程序,sparql 查询以 Json 格式显示结果,谁能帮我显示结果表格格式?

response.setContentType("json-comment-filtered");
response.setHeader("Cache-Control","nocache");

OutputStream out = response.getOutputStream();
//  ResultSetFormatter.outputAsXML(out, results);
System.out.println("called");
out.flush();
JSONOutput jOut = new JSONOutput();
jOut.format(out, results);

很快就会执行查询,执行代码集并以 json 格式显示结果,所以任何人都可以帮助我以获取表格格式的结果。

【问题讨论】:

  • 你能展示你的Json的结构吗?我假设您要返回一个“数组”对象?

标签: java html json servlets


【解决方案1】:

您的实际问题是您不知道如何在客户端处理 JSON 字符串。我强烈建议为此使用jQuery,因为这大大简化了 DOM 操作。我建议通过their tutorials 或获取decent book 的主题。

对于 jQuery + JSON + Servlet + HTML 表格组合,我在 herehere 之前发布了类似的答案,以及如何在 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,我们在此示例中使用/jsonData 类仅代表 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 &lt;table&gt; 元素的 id

<table id="tableId"></table>

应该是这样的。毕竟这很简单,相信我。祝你好运。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-10
    • 1970-01-01
    相关资源
    最近更新 更多