Question

The background is that I’ve got a celery distributed job server configured with a Django view that returns the status of a running job in JSON. The job server is located at celeryserver.mydomain.com and the page I’m executing the jQuery from is http://www.mydomain.com so I shouldn’t need to consider JSONP for this should I, as the requests aren’t being made to different domains?

Watching my server logs I see that jQuery is executing the getJSON call every 3 seconds as it should (with the Javascript setInterval). It does seem to use an OPTION request, but I’ve confirmed using curl that the JSON is still returned for these request types.

The issue is that the console.log() Firebug call in the jQuery below doesn’t ever seem to run! The one before the getJSON call does. Not having a callback work is a problem for me because I was hoping to poll for a celery job status in this manner and do various things based on the status of the job.

<script type="text/javascript">
    var job_id = 'a8f25420-1faf-4084-bf45-fe3f82200ccb';

    // wait for the DOM to be loaded then start polling for conversion status
    $(document).ready(function() {
        var getConvertStatus = function(){
            console.log('getting some status');
            $.getJSON("https://celeryserver.mydomain.com/done/" + job_id,
                function(data){
                    console.log('callback works');
                });
        }
        setInterval(getConvertStatus, 3000);
    });
</script>

I’ve used curl to make sure of what I’m receiving from the server:

$ curl -D - -k -X GET https://celeryserver.mydomain.com/done/a8f25420-1faf-4084-bf45-fe3f82200ccb
HTTP/1.1 200 OK
Server: nginx/0.6.35
Date: Mon, 27 Jul 2009 06:08:42 GMT
Content-Type: application/json
Transfer-Encoding: chunked
Connection: close

{"task": {"executed": true, "id": "a8f25420-1faf-4084-bf45-fe3f82200ccb"}}

That JSON looks fine to me and JSONlint.com validates it for me right now… I also simulated the jQuery query with -X OPTION and got exactly the same data back from the server as with a GET (content-type of application/json etc.)

I’ve been staring at this for ages now, any help greatly appreciated. I’m a pretty new jQuery user but this seems like it should be pretty problem-free so I have no idea what I’m doing wrong!

Answer 1

I think you have a cross-subdomain issue, sub.domain.tld and domain.ltd are not the same.

I recommend you to install Firebug and check if your code is throwing an Permission denied Exception when the request starts, if it’s the case, go for JSONP…