如何有条件地将CDN中的外部json文件加载到我的JavaScript中？

Question

我在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自动完成文本框的源。 也欢迎任何其他用于优化加载时间的解决方案！

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/