如何将多个JSON数据转换为HTML表?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (250)

我在HTML和CSS方面有丰富的经验,但在JS和jQuery方面没有多少经验,我希望将JSON数据(在我的例子中是文本和图像)放入HTML表中,但是经过几天的研究,似乎没有什么对我有用,这是JSON数据。

[
 {
    "event": "ESL One Cologne 2018",
    "maps": "bo3",
    "team1": {
       "name": "Astralis",
       "crest": "https://static.hltv.org/images/team/logo/6665",
       "result": 1
   },
   "team2": {
       "name": "Natus Vincere",
       "crest": "https://static.hltv.org/images/team/logo/4608",
       "result": 2
   },
   "matchId": "/matches/2324404/astralis-vs-natus-vincere-esl-one-cologne-2018"
 },
 {
    "event": "Americas Minor - FACEIT Major 2018",
    "maps": "bo3",
    "team1": {
       "name": "eUnited",
       "crest": "https://static.hltv.org/images/team/logo/7106",
       "result": 2
     },
     "team2": {
       "name": "Não Tem Como",
       "crest": "https://static.hltv.org/images/team/logo/6267",
       "result": 0
    },
    "matchId": "/matches/2324618/eunited-vs-no-tem-como-americas-minor-faceit-major-2018"
},

到目前为止,我尝试了很多不同的代码,但是似乎没有什么能奏效的,因为1)我不知道如何在“Team 1”和“Team 2”字段中选择字段“name”,2)我不知道您是否真的可以将团队的图像放在团队名称附近。希望你的建议至少有一个行得通。谢谢

提问于
用户回答回答于

你可以使用JSON.Analysis将JSON转换为JavaScript对象 ;

我不确定你想如何格式化表中的数据,所以我无法控制,但这是非常简单的JavaScript

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励