I by chrome->Inspect element->console
get this error:
XMLHttpRequest cannot load. Origin is not allowed by Access-Control-Allow-Origi
one work around is using Korz which routes all cross origin requests through a third party and sets Access-Control-Allow-Origin header
to '*' so the request goes through.
I recommend you to read this: http://www.fbloggs.com/2010/07/09/how-to-access-cross-domain-data-with-ajax-using-jsonp-jquery-and-php/
It is very wel explained... the whole point is that you need to return your JSON in a callback-function way
You cannot issue requests through the XMLHttpRequest to other domains or subdomains. If you are issuing the request from www.foo.com you also need to target the request at www.foo.com and not leave out the www.
If you really need to hit another domain you can use JsonP where the browser utilizes the <script>
tags ability to load scripts from a different domain. The loaded script then executes a callback function to give you the data. But for regular AJAX calls you cannot leave the source domain at all.
See the Wiki article on Same Origin Policy