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

Question

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

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

我正在寻找这样的东西：

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

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

Answer 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/