Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将多个JSON数据转换为HTML表_Javascript_Html_Json_Html Table - Fatal编程技术网

Javascript 将多个JSON数据转换为HTML表

Javascript 将多个JSON数据转换为HTML表,javascript,html,json,html-table,Javascript,Html,Json,Html Table,我在HTML和CSS方面有一些丰富的经验,但在JS和Jquery方面没有太多经验,我希望将JSON数据(在我的例子中是文本和图像)放入HTML表中,但经过几天的研究,似乎没有什么对我起作用,这就是JSON数据 [ { "event": "ESL One Cologne 2018", "maps": "bo3", "team1": { "name": "Astralis", "crest": "https://static.hltv.org/i

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

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


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

您声明:“经过几天的搜索”-但这是任何JS编程的基础?有大量的资源可供学习,这很简单。你把图片放在团队名称附近是什么意思?试试这个:请展示你尝试过的“不同代码”。请说明您的研究方向。请指定表格、列、行等的格式。