18910140161

JavaScript-动态创建html页面-堆栈溢出

顺晟科技

2022-10-19 13:22:16

85

我试图建立一个网站,我有一个API提取一个产品列表,并给我一个JSON文件,其中有我需要的所有信息。我想要实现的是为每个产品创建一个单独的页面--动态地(因为JSON文件会发生变化)。这在JavaScript/HTML中可能吗?

谢谢


顺晟科技:

当然可以。所有零售网站都是这样创建的。

我建议您开始学习一些javascript框架,如ReactJS或Angular。简而言之,在从服务器接收到JSON之后,它作为props(属性)传递给我们所说的组件。该组件包含一些jsx或html,形成用户界面的“骨架”。JSON中的对象(我假设每个对象都是一个产品)填充骨架。

这是一个非常非常非常基本的产品结构的例子。您可以使用循环或方法在JSON上迭代,以便以以下格式显示每个产品的详细信息:

在下面的片段中,道具可能如下所示

for

每个产品都有自己的对象和自己的对象,以及您选择添加的其他内容。

所以您将有1,000个产品(1,000个对象)。您将把产品一个接一个地传递到上面的代码段(作为道具),它将显示所有的产品。而不是为每个产品编写1,000个代码段。

显然我不能用一个答案教你反应。我强烈建议您查看react。你可以在YouTube上找到很多教程。您要做的事情非常容易。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航