I have been trying to get the jQuery sample working but I have been running into some strange issues. At first when clicking the Go button using the default flight UAL423 it would appear that nothing is happening. So I fired up dev tools in Chrome and I could see that I was getting an error that the URL was not valid ("Failed to load resource: net::ERR_UNEXPECTED). I copied the link it was trying to use into a new tab and I get the exact same error…HOWEVER if I refresh the page I can see that the jsonp data is returned. If I then go back to my test page and ht the Go button again the flight info is successfully retrieved and displays on the map. I have pasted my sample URL below (with username:key removed)
http://user:key@flightxml.flightaware.com/json/FlightXML2/FlightInfoEx?jsonp_callback=jQuery15204078593661542982_1454441333687&ident=UAL423&howMany=10&offset=0&_=1454441336149
I am not sure where else to go from here as the code seems to work, but only if I manually hit the URL first in another tab.
The JQuery example is intended more as a proof-of-concept and attempts to demonstrate some of the limitations of doing requests of that sort within the browser, and I would not recommend attempting to use functionality like that in an actual Internet-facing production application because of the risk of exposing your API key. (That warning is mentioned in the description above the example code.)
It’s possible that upgrading the example to use the latest version of jQuery might help. I believe they’ve made some changes to the AJAX function that requires using different argument names and callback handlers, but have also changed the HTTP auth passing. Note that there may still be some compatibility problems with certain versions of IE (maybe also Edge?) due to cross-domain security.
