Question

我正在使用旧的CMS，该CMS在HTML模板中输出数据。这是我获取数据的唯一方法，没有API或端点可以检索它。但是，我需要先使用JS处理数据，然后才能将其显示在屏幕上。数据包含多种事物。数字，字符串甚至HTML字符串，例如"<p>hello</p>"，都可能很长。

我可以通过多种方法来完成此任务，从而将数据存储在模板中，并稍后使用JavaScript进行检索。请注意，双括号是模板语法，例如{{template_variable}}。我使用jQuery，它使从DOM解析数据变得更加直接。

内嵌JavaScript

<script type="text/javascript">
    var data = [{
        id: {{id}},
        title: {{title}},
        html: {{html_string}}
    }]
</script>

隐藏的HTML标记

<div id="data" style="display: none;">
    <div id="123">
        <div class="title">{{title}}</div>
        <div class="html">{{html_string}}</div>
    </div>
</div>

内联XML

<script id="data" type="text/xmldata">
     <things>
         <thing id="123">
             <title>{{title}}</title>
             <html-string>
                 <![CDATA[
                     {{html_string}}
                 ]]>
              </html-string>
         </thing>
     </things>
</script>

我没有包括数据属性，这是因为将数据的各个位（例如键/值对）关联起来似乎并不灵活。我可能需要做。

我的问题是；上面的哪一个（如果有）将被考虑：

更好的浏览器性能（我听说运行内联JS是个坏主意吗？）
考虑现代和/或尽可能接近最佳实践。
这是Web开发人员更广为人知的一种方法。

我很高兴在这里有一定的主观性，但请尽量回答。如果您知道更好的方法，请告诉我。

我不得不这样做，但我想尽可能做到最好。

如何最好地将数据存储为HTML并在JavaScript中使用？

0 个答案: