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

时间:2013-08-06 10:59:29

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

我在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自动完成文本框的源。 我们也欢迎任何优化加载时间的替代解决方案!

1 个答案:

答案 0 :(得分: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/