**One way is to find a proxy that can access a JSON
data source and then serve it to your web app transformed to work with JSON
, CORS
, or any other format that you can handle without worrying about cross-site concerns.
One such proxy is Yahoo’s “YQL”.
YQL supports both JSONP and CORS.
So if your browser also supports CORS you can think of it as a free JSON to JSON proxy server. If not, then it is also a free JSON to JSONP proxy:
Here’s an example of how I used it with jQuery:
$.getJSON("http://query.yahooapis.com/v1/public/yql",
{
q: "select * from json where url=\"http://airportcode.riobard.com/airport/" + code + "?fmt=JSON\"",
callback: gotJSON, // you don't even need this line if your browser supports CORS
format: "json"
},
function(data){
if (data.query.results) {
/* do something with
data.query.results.json.code
data.query.results.json.name
data.query.results.json.location
*/
} else {
/* no info for this code */
}
}
);