如何有条件地将外部 json 文件从 cdn 加载到我的 javascript 中？答案

【问题标题】：How to conditionally load an external json file from a cdn into my javascript?如何有条件地将外部 json 文件从 cdn 加载到我的 javascript 中？
【发布时间】：2013-08-06 19:20:03
【问题描述】：

我有一个托管在 CDN 上的 json 文件。我有一个移动应用程序，它需要最小的内存占用和最小的加载时间。现在，我通过 RESTful GET API 从服务器提供了 json 文件。此 json 文件需要根据用户输入有条件地加载。但是，这个 json 文件很重（37k）并且正在影响页面加载时间（1.3 秒）。为了解决这个问题，我尝试将这些 json 文件托管在 cdn 上，并根据用户输入从我的 javascript 访问它们。

我已经尝试过 jQuery $.getJSON（由于跨域请求而放弃）。在我的 javascript 中访问这个 json 有什么好的、可靠且不难看的方法吗？

我正在寻找这样的东西：

url="http://cdn1.xxxx.xxx/?city="+$('#city').val()+".json";
$.getJSON( url, request, function( data, status, xhr )){});

重点是使用这个 json 作为 jQuery 自动完成文本框的来源。也欢迎任何优化加载时间的替代解决方案！

【问题讨论】：

标签： javascript json cross-domain jquery-ui-autocomplete

【解决方案1】：

您仍然可以保留 CDN 托管并将此库用于跨域请求。只需包含该库，它应该可以与$.getJson、$.ajax 等一起使用

GIT： https://github.com/padolsey/jQuery-Plugins

JS 文件 https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js

信息 http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

【讨论】：