将数据加载到Web应用程序中

Question

我有一个使用编码为JSON的数据源的Web应用程序。我想知道使用标准标记将数据作为变量从外部脚本加载到使用jQuery AJAX方法加载数据是否有利。

如果我将数据作为变量从外部脚本加载，它将如下所示：

var settings = {"one" : 1, "two" : 2, "three" : 3};

我会用：

加载它

<script type="text/javascript" src="data.js"></script>

然后我可以使用以下方式访问它：

console.log(settings.two);

如果我通过AJAX加载数据，它将如下所示：

{"one" : 1, "two" : 2, "three" : 3}

我会加载它并使用以下方式访问它：

$.getJSON( 'data.json', function( settings ) {
  console.log(settings.two);
});

我可以看到将数据作为外部脚本加载的最大优势是它会在jQuery准备好之前加载，并且＆＃34;设置＆＃34;变量可以全局访问。

有关使用哪种方法的想法？

谢谢， 豪伊

Answer 1

您应该始终加载纯JSON数据。

1）它可以节省带宽

2）您没有绑定到存储在文件中的变量名称（如果它与您的变量冲突会怎么样？）

3）您可能不仅需要从javascript访问您的json数据（您将遇到麻烦 如果你把js代码放在文件中）

4）不要将数据与代码混合！