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

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(result)：

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

在你的 html 中

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