提问者:小点点

将多个JSON数据转换为HTML表[重复]


我在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)我不知道是否可以将团队的图像放在团队名称附近。希望至少有一个您的建议有效。谢谢


共1个答案

匿名用户

您可以使用JSON.parse(your_json)将JSON转换为JavaScript对象;

我不确定您希望如何格式化表中的数据,所以我无法帮助您,但它是非常简单的JavaScript

相关问题