首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >读取jQuery中的json数据并附加到文本区域

读取jQuery中的json数据并附加到文本区域
EN

Stack Overflow用户
提问于 2012-12-02 16:14:43
回答 3查看 3.3K关注 0票数 0

我有以下jSON数据。

代码语言:javascript
运行
复制
{
  "cluster-1": [
    "item1",
    "item2"
  ],
  "cluster-2": [
    "item3",
    "item4"
  ],
  "cluster-3": [
    "item1",
    "item2"
  ]
}

cluster-#可以是任何数字。(范围从1到50) "item#“只是字符串。

我想分离出以下格式的数据,一旦完成,我想在几个div框中显示(我不想这样做,但如果您提供输入将是有帮助的)

我想将其打印在TextArea框中,如下所示

代码语言:javascript
运行
复制
cluster-1
  item1
  item2

cluster-2
  item3
  item4

cluster-3
  item5
  item6

我从一个java源文件中生成这个数据,如果格式需要改变,我可以控制它。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-12-02 16:26:11

代码语言:javascript
运行
复制
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);
票数 1
EN

Stack Overflow用户

发布于 2012-12-02 16:33:21

如果你正在寻找ajax类型的解决方案,那么试试这个:

代码语言:javascript
运行
复制
            $.ajax({
                url: 'your json file path',
                type: 'GET',
                success: function() {
                    $.each(data[0], function(key, val) {
                        $('textareaID').val(key+'\n' + val+'\n');
                    });
                });

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

票数 1
EN

Stack Overflow用户

发布于 2012-12-02 16:33:46

上面的答案是关于nodejs的,我相信你说的是简单的js+html……所以不是console.log(结果),你可以这样做:

代码语言:javascript
运行
复制
$("div#myOutlet").text(result);

在你的html中

代码语言:javascript
运行
复制
<div id="myOutlet">text will be placed here</div>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13667574

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档