javascript - 为从服务器获得的 JavaScript 计算设置初始值的语义正确方法

Question

我有一个使用 JavaScript 库呈现的动态图。用户能够操作图表所基于的数据，但初始值是在页面加载时设置的。我如何将其传达给 JS？我看到了几种方法，但哪一种在语义上是正确的？

• 将初始值渲染到.js文件中，服务器端。（可能导致服务器代码中的意大利面条代码）
• 将data-*属性放在相关的 HTML 元素上，或使用隐藏<input>的。（可疑的语义有效性）
• 获取 HTML 时通过 AJAX 加载数据。（对服务器的额外请求，如果失败则导致空白图表）

标签： javascripthtml