javascript - 如何从 json 调用 HTML 文件以将其加载到模板中

Question

我正在开发一个显示 json 文件中的 HTML 内容的项目。根据id显示页面内容。

在 json 中编写 HTML 内容很繁琐，如何避免这种情况并维护单独的 HTMl 文件并根据 json 文件中的 id 调用它们

{
  "id": 0,
  "name": "1st page",
  "type": "Info",
  "content": [
        "<h2>Heading</h2>"
      ],
  "active": false
}

内容加载到模板中:-

<h1>Template 1</h1> 
{{{content}}}

Answer 1

您可以使用 jquery 在元素中加载 html 文件:

$( "div" ).load( "test.html" );