JQuery Ajax失败/取消

I have been creating my website on a local environment and I had no problems with it. I just uploaded the files to my free host. When I visit the website I watched the Google Chrome Console and I keep getting this error:

XMLHttpRequest cannot load http://www.legobear154productions.byethost33.com/Javascript/main.json. Origin http://legobear154productions.byethost33.com is not allowed by Access-Control-Allow-Origin.

I am doing a JavaScript Ajax request with JQuery. Could anyone help me please?

As far as the HTTP protocol is concerned http://www.legobear154productions.byethost33.com and http://legobear154productions.byethost33.com are completely different domains. Javascript is prevented from running remote (different domain) scripts for security reasons.

You'll have to move your script to the same domain in order for it to work.

edit

There are other ways, see the page linked from the top voted answer here: A question about cross-domain (subdomain) ajax request