Ajax跨域脚本请求

Question

I have the following code which is attempting to eval some Javascript returned from an HTTPS URL. I am running the code locally, on localhost:8080 but the ajax request isn't returning the script, it's coming back as undefined.

$.ajax({
    crossDomain: true,
    dataType: 'script',
    url: 'https://mysite.io/live?action=isAvailable',
    success: init,
    error: function (jqXHR, textStatus, msg) {
        failure();
    },
    timeout: 2000,
    cache: false
});

function init(data) {
    var isAvailable = undefined;
    eval(data);
    if (isAvailable) {
        chatAvailable();
    } else {
        chatUnavailable();
    }
}

This is the response when I visit the URL in Chrome: [https://mysite.io/live?action=isAvailable]:

Response headers: HTTP/1.1 200 OK content-language: en-US content-type: text/javascript;charset=UTF-8 date: Tue, 19 Nov 2013 05:59:25 GMT p3p: CP="NON CUR OTPi OUR NOR UNI" x-old-content-length: 23 transfer-encoding: chunked

Response body: var isAvailable = true;

Any ideas why this isn't working when I run this code on my local machine at [http://localhost:8080]?

Answer 1

You need to enable CORS on your server. Here is a good resource for enabling CORS.

Answer 2

try something like this

    $.ajax({
        dataType: 'jsonp',
        url: 'https://mysite.io/live?action=isAvailable?callback=?',
        success: init,
        error: function (jqXHR, textStatus, msg) {
            failure();
        },
        timeout: 2000,
        cache: false
    });