如何有條件地將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/