Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将数据加载到Web应用程序_Javascript_Jquery_Ajax_Json - Fatal编程技术网

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

Javascript 将数据加载到Web应用程序,javascript,jquery,ajax,json,Javascript,Jquery,Ajax,Json,我有一个Web应用程序,它使用编码为JSON的数据源。我想知道,与使用jQuery AJAX方法加载数据相比,使用标准标记从外部脚本将数据作为变量加载是否有优势 如果我从外部脚本将数据作为变量加载,它将如下所示: var settings = {"one" : 1, "two" : 2, "three" : 3}; {"one" : 1, "two" : 2, "three" : 3} 我将使用以下方式加载它: <script type="text/javascript" src="d

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

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

var settings = {"one" : 1, "two" : 2, "three" : 3};
{"one" : 1, "two" : 2, "three" : 3}
我将使用以下方式加载它:

<script type="text/javascript" src="data.js"></script>
console.log(settings.two);
$.getJSON( 'data.json', function( settings ) {
  console.log(settings.two);
});
如果我通过AJAX加载数据,它将如下所示:

var settings = {"one" : 1, "two" : 2, "three" : 3};
{"one" : 1, "two" : 2, "three" : 3}
我将使用以下方式加载并访问它:

<script type="text/javascript" src="data.js"></script>
console.log(settings.two);
$.getJSON( 'data.json', function( settings ) {
  console.log(settings.two);
});
我所看到的作为外部脚本加载数据的最大优势是,它在jQuery准备就绪之前加载,并且可以全局访问“settings”变量

你对使用哪种方法有什么想法

谢谢,
Howie

您应该始终加载纯JSON数据

1) 它可以节省带宽

2) 您没有绑定到文件中存储的变量名(如果它与您的变量冲突怎么办?)

3) 您可能不仅需要从javascript访问json数据(您会遇到麻烦) 如果将js代码放入文件中)

4) 不要把数据和代码混在一起