Question

我在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）我不知道您是否真的可以将团队形象放在团队名称附近？希望至少您的建议之一可行。谢谢

Answer 1

您可以使用JSON.parse（your_json）;将JSON转换为JavaScript对象。

我不确定您要如何格式化表中的数据，因此我无能为力，但这是非常简单的JavaScript

将多个JSON数据转换为HTML表

1 个答案: