怎么遍历json

悬赏园豆：30 [已解决问题] 解决于 2017-09-01 14:39

var data = '{"醉西游":{"icon":"http://m.100week.cn/image","fullurl":"http://m.100week.cn/","type":"角色扮演"},"梦幻家园":{"icon":"http://m.100week.cn/","fullurl":"http://m.100week.cn/","type":"角色扮演"},"传奇世界-仗剑天涯H5":{"icon":"http://m.100week.cn/","fullurl":"http://m.100week.cn/","type":"角色扮演"},"幻城":{"icon":"http://m.100week.cn","fullurl":"http://m.100week.cn/","type":"角色扮演"}}';

我要用这样的数据，做成

......

这样，怎么做。在线等！！！

json 遍历

X觉 | 初学一级 | 园豆：132
提问于：2017-09-01 11:57

< >

最佳答案

var html = ''
var obj = JSON.parse('{"醉西游":{"icon":"http://m.100week.cn/image","fullurl":"http://m.100week.cn/","type":"角色扮演"},"梦幻家园":{"icon":"http://m.100week.cn/","fullurl":"http://m.100week.cn/","type":"角色扮演"},"传奇世界-仗剑天涯H5":{"icon":"http://m.100week.cn/","fullurl":"http://m.100week.cn/","type":"角色扮演"},"幻城":{"icon":"http://m.100week.cn","fullurl":"http://m.100week.cn/","type":"角色扮演"}}')
Object.keys(obj).forEach(function(item) {

  html += `<a href="${obj[item].fullurl}" class="game_mask">
            <h3><img src="${obj[item].icon}"/></h3>
            <p>${item}</p>
            <div class="ks_btn start_btn">开始游戏</div>
        </a>`
})

收获园豆：30

by.Genesis | 老鸟四级 |园豆：2824 | 2017-09-01 12:14

其他回答(3)

ni需要先解析json，可以解析成map后边的不用说你也会了

+pf_jay | 园豆：69 (初学一级) | 2017-09-01 12:10

帮顶，帮顶

数据酷软件 | 园豆：130 (初学一级) | 2017-09-01 13:25

js的话@by.Genesis 代码就可以了. c# 用dictionary或者dynamic反序列都可以

Gamain | 园豆：357 (菜鸟二级) | 2017-09-01 14:37

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

怎么遍历json

欢迎，请先登录或者注册。