Question

I want to use mootools and SqueezBox class to handle a request to a RESTful service. I don’t want to use any server-side script. I am using AJAX. I send a request to the following url using GET method.
http://www.idevcenter.com/api/v1/links/links-upcoming.json
but I receive a 404 error. Is it because cross-site scripting? here is my code:

SqueezeBox.initialize({handler:'url',ajaxOptions:{method:'GET'}});
$('a.modal').addEvent('click',function(e){
    new Event(e).stop();
    SqueezeBox.fromElement($('a.modal'));
});

In Firebug console, sometimes ‘aborted’ is shown and sometimes ‘404’.what is wrong with that?

Answer 1

XMLHttpRequest is subject to the Same Origin Policy; if the document your JavaScript is running within is not from the same origin as the service you’re trying to call, the call will be disallowed for security reasons.

There is now a proposed standard for cross-origin resource sharing to address this. It may be that the service you’re trying to use supports it; if so, using a browser that implements CORS (recent versions of Firefox and Chrome do, as do some others) may work. IE8 supports it but requires that you do extra work.