如何从JSON对象动态填充模板

时间:2018-05-01 21:24:03

标签: javascript html json api

我正在尝试为我的一个大学课程完成一个web开发项目。我的合作伙伴和我自己使用IGDB API。我们目前有一个JSON对象和一个HTML模板,我希望页面看起来如何。我是否需要创建一个Javascript函数来填充相应的项目?我是否将值从JSON对象传递到HTML页面?网络开发真的不是我的强项,我觉得我在网上搜索时问的是错误的问题。

当前用例: 1.用户使用搜索栏/按钮搜索视频游戏。 2.该网站返回视频游戏图像/标题列表 3.用户点击给定游戏的标签 4. //从JSON对象中的给定游戏信息创建页面

这是我们陷入困境的地方,我不知道我需要问什么问题。我已经玩过通过document.createElement完成所有操作的想法,但我觉得这很愚蠢。我们目前在server.js文件中有JSON对象,我们的讲师暗示在那里创建页面,而不是在另一个Javascript文件中。他还建议使用express / angular,但我不知道从哪里开始使用这些语言。

1 个答案:

答案 0 :(得分:0)

express和angular不是语言(Google有点,请等xD)。

express只是一个HTTP服务器,而angular是一个在客户端上运行的框架,可以帮助您创建网页,特别是SPA。 JavaScript语言中的所有内容。

这个问题太宽泛,所以可能会被关闭,但我试图给你一些启示。这将是一个评论,但有点长,所以我写了一个答案。

使用document.createElement动态创建元素没有任何问题。这实际上是多么有效的角度(以及几乎所有的现代网页)。问题是要正确设计整个应用程序(提示:MVC)。您可以尝试使用angular / react / vue.js作为它们将为您创建元素,具体取决于您的应用程序状态(您可以在加载和处理JSON数据后进行修改)。每个框架都有其优点和缺点。在选举之前,你应该自己做很多研究。

这里的关键是掌握基本JavaScript的知识,特别是关于回调的知识,因为我已经从这方面看到了来自新手的很多问题。

PROTIP :要从something开始,只需打开Goog​​le,请询问something并阅读。阅读了很多(很多)。