首页新闻找找看学习计划

怎么遍历json

0
悬赏园豆: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":"角色扮演"}}';

我要用这样的数据,做成

    <a href="http://m.100week.cn/" class="game_mask">
            <h3><img src="http://m.100week.cn/image"/></h3>
            <p>醉西游</p>
            <div class="ks_btn start_btn">开始游戏</div>        
        </a>
        <a href="http://m.100week.cn/" class="game_mask">
            <h3><img src="http://m.100week.cn/"/></h3>
            <p>梦幻家园</p>
            <div class="ks_btn start_btn">开始游戏</div>
        </a>

......

这样,怎么做。在线等!!!

X觉的主页 X觉 | 初学一级 | 园豆:132
提问于:2017-09-01 11:57
< >
分享
最佳答案
1
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 | 小虾三级 |园豆:1437 | 2017-09-01 12:14
其他回答(3)
0

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

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

帮顶,帮顶

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

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

Gamain | 园豆:357 (菜鸟二级) | 2017-09-01 14:37
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册