存储将传递给 jQuery 插件的 JSON 数据的最佳实践

Question

我正在寻找关于 JSON 应该存储在哪里（如果它只是一个字符串数组）的“最佳实践”。 它应该存储在 HTML 页面脚本块的变量中吗？ 是否应该将其存储在 HTML 之外的 JavaScript 文件中以进行分离？ 或者它应该存储在插件本身中？

如果它应该是外部 js 文件，那么该文件的“最佳实践”命名方案是什么？ 我知道接受的 jQuery 插件名称是 jquery.plugin.js 或 jquery.plugin-min.js （对于缩小文件）。

Answer 1

取决于，如果您立即需要 JSON，您可以将其存储在任何地方以执行它：

<script> var myJsonObj = { ... }; </script>

如果它有很多数据并且您不需要立即使用数据，您始终可以对名为“的文件进行 ajax 调用”数据.json”。

对于命名插件名称，这实际上取决于您，但是我相信 jquery.pluginname.js 是执行此操作的标准方法。

Answer 2

我将第二次为 sktrdie 添加扩展名 .json 来为这样的文件添加扩展名。 我第一次使用 JSON 时遇到的一个问题是 JSON 字符串不是有效的 JavaScript 文件。

例如，如果我调用具有以下内容的文件：

{
    'foos': 'whatever',
    'bar': false,
    'items': [1,2,3]
}

作为

Error: invalid label
Line: 2, Column: 1
Source Code:
 'foos': 'whatever',

过去我实际上在中隐藏了 JSON 字符串。 或这样的跨度：

<div id="jsonStorage" style="display:none">
{'foos': 'whatever','bar': false,'items': [1,2,3]}
</div>

我还为此使用了隐藏的表单字段。

Answer 3

如果它是插件的一部分，即默认配置，我会将其存储在插件文件本身中。 如果它是插件的外部配置，那么这取决于。 将其存储在 HTML 中的变量中可能是有意义的，即

<script>
var myConfig = {
  "foo" : "bar"
};
</script>

如果您需要由后端代码生成任何 JSON，则尤其如此。

事实上，答案是“视情况而定”——你能提供更多细节吗？