Javascript 将多个JSON数据转换为HTML表
我在HTML和CSS方面有一些丰富的经验,但在JS和Jquery方面没有太多经验,我希望将JSON数据(在我的例子中是文本和图像)放入HTML表中,但经过几天的研究,似乎没有什么对我起作用,这就是JSON数据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
[
{
"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编程的基础?有大量的资源可供学习,这很简单。你把图片放在团队名称附近是什么意思?试试这个:请展示你尝试过的“不同代码”。请说明您的研究方向。请指定表格、列、行等的格式。