Преобразование нескольких данных JSON в таблицу HTML [duplicate]

Pietro Guglielmino спросил: 13 июня 2018 в 07:24 в: javascript

У этого вопроса уже есть ответ:

  • Convert json data to a html table [closed] 4 ответа

У меня есть большой опыт работы с 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) я не знаю, как выбрать поле "имя" внутри "команды 1" и "команда", команда 2"и 2), я точно не знаю, можно ли поместить изображение команды рядом с именем команды. Надеюсь, что хотя бы одно из ваших предложений работает. Спасибо

1 ответ

Jason C. ответил: 13 июня 2018 в 09:20

вы можете включить JSON в объект JavaScript, используя JSON.parse (your_json);

Я не уверен, как вы хотите отформатировать свои данные в таблице, поэтому я не могу помочь с этим , но это очень простой JavaScript

Дополнительное видео по вопросу: Преобразование нескольких данных JSON в таблицу HTML [duplicate]

JSON data to HTML Table using Ajax Jquery getJSON method

Read Data From JSON File to HTML Table

JavaScript Template Literals: JSON to HTML