Previously on mustbebuilt we looked at cross domain calls using ‘vanilla’ Javascript. For completeness here are the same examples but this time using jQuery
Cross Domain Call with ‘crossdomain.xml’ in place
In this example Facebook provide the all important cross domain file.
$.getJSON("https://graph.facebook.com/search?q=sheffield", function(myData){ var noPost = myData.data.length; var msg = ""; for(var i=0; i<noPost;i++){ msg += myData.data[i].message; msg += "<br>"; } $('#resp').html(msg); });
Cross Domain Call with using JSON-P
In this example notice that because we use an anonymous function the callback function is simply left as callback=?
. Remove that part of the query string and you’ll get a cross domain error.
$.getJSON("http://local.yahooapis.com/LocalSearchService/V3/localSearch?appid=YahooDemo&query=pizza&zip=90210&output=json&callback=?", function(yahooData){ var noPizzaPlaces = yahooData.ResultSet.Result.length; var msg = ""; for(var i=0; i<noPizzaPlaces;i++){ msg += yahooData.ResultSet.Result[i].Title; msg += "<br>"; } $('#resp').html(msg); });