Javascript 获取html文件而不是获取json并创建html是否不好?为什么?

Javascript 获取html文件而不是获取json并创建html是否不好?为什么?,javascript,html,json,ajax,Javascript,Html,Json,Ajax,我必须通过改变商店窗口中的内容来实现工作分页(在上面的屏幕截图上)。 我无法在使用这些产品获取html文件之间做出选择,或者最好使用关于产品的数据获取JSON,创建html元素并将它们附加到存储窗口容器中。找不到有关的任何信息,请提供帮助)最好先获取JSON,然后从中提取数据并附加到HTML中全天搜索,但现在才发现: 使用innerHTML属性获取HTML并附加它可能很诱人,但请小心——这可能会使您的站点受到跨站点脚本攻击! 如果内容正在更改,则更容易使用JSON,然后创建HTML元素以显示w

我必须通过改变商店窗口中的内容来实现工作分页(在上面的屏幕截图上)。
我无法在使用这些产品获取html文件之间做出选择,或者最好使用关于产品的数据获取JSON,创建html元素并将它们附加到存储窗口容器中。找不到有关的任何信息,请提供帮助)

最好先获取JSON,然后从中提取数据并附加到HTML中

全天搜索,但现在才发现:

使用innerHTML属性获取HTML并附加它可能很诱人,但请小心——这可能会使您的站点受到跨站点脚本攻击!


如果内容正在更改,则更容易使用JSON,然后创建HTML元素以显示windows.HTML不是一种编程语言。如果要使用HTML获取内容,则必须为每个元素创建一个标记。HTML本质上是静态的,而数据很可能是动态的。 因此,首先要考虑以下几点:

  • 添加/删除一些产品将如何影响页面考虑在第一页插入一个项目,您需要将所有其他项目推回一个位置
  • 是否要为每个新的产品页面复制/粘贴相同的HTML结构
  • 如果要更改设计的HTML结构,是否愿意修改每个.HTML文件?(你可以有几十个,也许几千个)
  • 您是否计划对产品进行分类或过滤
我认为上面的大多数观点都会让您认识到,如果您重视自己的理智和时间,那么您需要构建一个动态应用程序,将JSON数据呈现到HTML模板中。您可以保持它的基本功能,编写两个jQuery脚本来加载数据并动态生成HTML,但这些脚本往往会变得非常复杂,难以维护。在我看来,最好花点时间学习一个现代的框架,比如Vue、React或Angular,从长远来看,这会让你的生活变得更轻松


但是,如果您只需要构建一个虚拟原型,在这个原型中您需要展示商店的外观和行为,那么请务必遵循HTML路线-只需确保没有人希望您维护该产品列表:)

欢迎使用StackOverflow。恐怕你的问题不适合StackOverflow,因为它非常广泛,基于观点,而且看起来你要求的是一个关于利弊的教程。事实上,这两种方法都有效——它们各有利弊。您的前端和后端设置都可以使用它。谢谢您的欢迎,但我想问,为什么提取html并将其附加到dom元素中是不好的,甚至不考虑正反两方面或任何其他方面!如果您不能完全控制通过fetch检索的HTML,也就是说,如果HTML包含用户创建的内容,或者如果它来自一个您自己没有管理的外部源,那么这是正确的