java - 构建 Json 对象，然后将结果与 HTML 表数据关联

Question

我传递了一个ajax get，其中包含一个参数，即添加到数据库的日期。

Java 在数据库中查询该日期添加的人员的结果，并为我构建一个 JSON 对象，如下所示:

{
  "resultdata" : { "rowsReturned" : "2", "fetchTime" : "180"}
  "row_1" : { "name" : "Larry", "sex" : "m", "age" : "26", "location" : "seattle" }
  "row_2" : { "name" : "Pedro", "sex" : "m", "age" : "22", "location" : "unknown" }
}

然后我可以将 JSON 对象作为字符串返回。然后我想根据这些结果动态构建一个表。

首先，构建表格的 JSON 对象正确吗？

结果数据告诉我有多少行以及以毫秒为单位花费的时间，然后是该特定格式的多少行。

一旦这些结果立即返回到我的浏览器而无需页面刷新等，我想在特定的 div 元素内创建一个表格。

所以我期望表标题包含每列的标题 - 接下来是你猜的 2 行。

执行此操作的最佳方法是什么？我熟悉 jQuery，JSON 对我来说是全新的，并且在 jQuery 中处理 JSON 是我热衷于学习的东西。

非常感谢任何帮助。

Answer 1

您可以使用jsonlint验证你的 json。你的无效。它缺少一些 ',':

{
    "resultdata" : {
        "rowsReturned" : "2",
        "fetchTime" : "180" 
    }, // <--
    "row_1" : {
        "name" : "Larry",
        "sex" : "m",
        "age" : "26",
        "location" : "seattle" 
    }, // <--
    "row_2" : {
        "name" : "Pedro",
        "sex" : "m",
        "age" : "22",
        "location" : "unknown" 
    }
}

我做了一点DEMO一种可能的方法是如何使用 for-in-loops 循环 json

<小时/>

for (key in json) { 

循环遍历 json 并将每个键存储在“key”变量中。在您的情况下为“resultdata”、“row_1”、“row_2”。
因此，要访问每个键的数据，您可以编写 json[key] ，例如将其转换为 json['row_1'] 。
现在，您可以使用以下命令对 row_1 对象执行相同的操作:

for(key1 in json[key])

key1 现在是 row_1 对象中的键:'name','sex',...

现在要访问数据，您需要编写 json[key][key1]，例如 json['row_1']['name']。

当然，建议为键提供有意义的名称，以避免像我的示例中那样混淆:)