网页中的商家数据：在哪里以及如何存储？

Question

我需要HTML页面中的商家数据。此数据与DOM没有直接关系，但用于处理DOM上的javascript（和/或jquery）操作。例如，我知道id = 100的对象拥有ID为1001,1002和1003的对象。

object (id=1000) = {1001,1002,1003}

我一直在问，但我听到了不同的想法。

到目前为止的一些解决方案

数据主义者。

<dl id="1000">
  <dt>1001</dt>
  <dt>1002</dt>
  <dt>1003</dt>
</dl>

来自代码的类

<span id="1000" class="o_1001 o_1002 o_1003">
      (or any other tag ?)
<dl id="1000" class="o_1001 o_1002 o_1003">

更新：根本不是HTML格式的？既然它是关于javascript所需的数据我也可以将它直接放在javascript中？

<script>
   var object = { id : 1000, value : [1000,1001,1002]; }
   storeGlobal(object);
</script>

而storeGlobal将是js脚本中的全局变量，现在也有数据。

有什么想法吗？

Answer 1

如果数据在某种程度上与DOM中的某些元素相关，则可以使用jQuery.data()。这是一种在页面中存储数据的非常好且干净的方式。

如果它与任何DOM元素无关，那么在JS中作为数组/对象完全处理它可能是最容易的。

Answer 2

如果只是您将在javascript中使用的数据，请将其写为javascript并完成。不要因为没有特殊原因而将其推入DOM中。您可以将它作为javascript文字（可能由服务器上的JSON.stringify生成）或作为javascript通过ajax请求检索的不同JSON文档。