Question

我有以下jSON数据。

{
  "cluster-1": [
    "item1",
    "item2"
  ],
  "cluster-2": [
    "item3",
    "item4"
  ],
  "cluster-3": [
    "item1",
    "item2"
  ]
}

cluster-＃可以是任何数字。（范围从1-50） “item＃”只是字符串。

我想将以下格式的数据分开，一旦完成，我想在几个div框中显示（我不想这样，但如果你提供输入会有帮助）

我想在像

这样的TextArea框中打印它

cluster-1
  item1
  item2

cluster-2
  item3
  item4

cluster-3
  item5
  item6

我正在从java源文件生成这些数据，如果需要更改格式，我可以控制它。

Answer 1

var data = {
          "cluster-1": [
            "item1",
            "item2"
          ],
          "cluster-2": [
            "item3",
            "item4"
          ],
          "cluster-3": [
            "item1",
            "item2"
          ]
        };

        var result = "";
        for (key in data) {
            result += key + "\n";
            for (subKey in data[key]) {
                result += "    " + data[key][subKey] + "\n";    
            }
        }

        console.log(result);

Answer 2

如果您正在寻找ajax解决方案，请尝试以下方法：

            $.ajax({
                url: 'your json file path',
                type: 'GET',
                success: function() {
                    $.each(data[0], function(key, val) {
                        $('textareaID').val(key+'\n' + val+'\n');
                    });
                });

未经测试但可能对您有用。

Answer 3

上面的答案是关于nodejs，我相信你在谈论简单的js + html ...... 所以不要使用console.log（结果）来执行：

$("div#myOutlet").text(result);

并在你的HTML中

<div id="myOutlet">text will be placed here</div>

在jQuery中读取json数据并附加到textarea

3 个答案: