java - 在 Java 中将 Map 中的 Map 转换为 JSON 的问题

Question

我在 Java 中有一个树状图，其结构如下所示:

public static Map<String, Map<String, Integer>> testMap = new TreeMap<String, Map<String, Integer>>();

public String getTestMapInJson(Map<String, Map<String, Integer>> testMap){
ObjectMapper mapper = new ObjectMapper();
String testMapInJson = mapper.writeValueAsString(testMap);
return testMapInJson;
}

现在，当我尝试使用 Jackson API(上面的片段)以 JSON 格式转换此 map 时，我得到了这样的数据，我想将此数据填充到 HTML 表格中。

[
{
    "key": "1.1.1.1",
    "value": {
        "string1": 500,
        "string2": 400
    }
},
{
    "key": "2.2.2.2",
    "value": {
        "string1": 500,
        "string2": 400
    }
}
]

HTML 表格输出如下:

IP Address  Value
1.1.1.1     [object Object]
2.2.2.2     [object Object]

我想要这样:

IP Address  Value
1.1.1.1     String1 count1
            String2 count2
2.2.2.2     String1 count1
            String2 count2

内部的 hashmap 并没有完全转换成 JSON 格式。我想要一些东西，以便内部 HashMap 也可以转换为与外部 map 类似的 map 。我在任何一方(客户端/服务器)进行更改都是可行的。我应该怎么办？

Answer 1

var resp = [
{
    "ip": "1.1.1.1",
    "data": {
        "string1": 500,
        "string2": 400
    }
},
{
    "ip": "2.2.2.2",
    "data": {
        "string1": 500,
        "string2": 400
    }
}
]

访问对象:

for(var obj : resp) {
     $.each(obj, function(key,value){
         alert(key + "==" + value);
         if(key == "data") {
            $.each(value, function(innerKey, innerVal) {
               alert(innerKey + "===" + innerVal);
            });
         }
     });
}

设计表:

var table = $("<table>");
//header
var header = $("<tr>").append($("<th>").text("IP Address")).append($("<th>").text("Value"));

for(var obj : resp) {
    $.each(obj, function(key,value){
        var isFirst = true;
        if(key == "data") {
            $.each(value, function(innerKey, innerVal) {
              var tr;
              if(isFirst) {
                  // ip address and value
                  tr = $("<tr>").append($("<td>").text(value)).append($("<td>").text(innerKey + " " + innerValue));
                  isFirst = false;
              } else {
                  // blank and value
                  tr = $("<tr>").append($("<td>").text("")).append($("<td>").text(innerKey + " " + innerValue));
              }
              table.append(tr);
            });
         }
    });
}