Safari jquery ajax重定向

Question

I am making an $.ajax call to an external server. This server returns a redirect, with the redirected page returning some json. This works fine on FF and Chrome, but Safari and Opera don't like it.

Here is my $.ajax code:

$.ajax(
{
    url:url,
    dataType:"json",
    success:function(data)
    {
        console.log("success");
    },
    complete:function()
    {
        console.log("complete");
    }
});

In firefox and chrome, this works properly - 'success' is called for each of my ajax responses. In safari and opera however, 'success' is never called, only 'complete'. The network requests console gives me the following information:

resolve.json    GET 302 application/json
1817995.json    GET (canceled)  undefined

Where 1717995.json is the redirection that is sent from resolve.json. I'm not sure why the request is being canceled (as seems to be indicated by the response).

Can anyone give some assistance on this?

Answer 1

IMHO it's a cross-domain (origin) problem. Your browser doesn't do cross browser ajax requests by default. You should try to use jsonp instead of json:

dataType:"jsonp"

but this will only work if there's server support for jsonp (in that case you'll also need to specify the callback function's name).

If jsonp is not supported, you can make a proxy from your server. Basically it's not even needed. Instead of redirecting just "download" the file from the 3rd party server and output it as a response.

If it's ok that this will only work on newer browsers, then you can try this (which is better solution then the server side "proxy" IMHO)