JQuery запроса междоменного возвращает «неопределенного»

Question

После прочтения различных примеров на StackOverflow я написал эту функцию:

function showGetResult(crossDomainUrl) { 
    $.ajax({ 
     url: crossDomainUrl, 
     type : 'GET', 
     crossDomain: true, 
     success: function (data) { 
      debug(data); 
      return data; 
     } 
    }); 
} 

и назвал его с помощью этой

alert(showGetResult(crossDomainUrl)); 

Но всего это я получаю «undefined» , это используется в расширении веб-браузера внутри контент-скрипта.

Answer 1

Это связано с тем, что запрос Ajax выполняется асинхронно. return data ничего не делает. Вы можете изменить его (обновленный, чтобы отразить запрос в комментариях, чтобы иметь возможность скачать скрипт):

function showGetResult(crossDomainUrl) { 
    return $.ajax({ 
     url: crossDomainUrl, 
     type : 'GET', 
     dataType: 'script', 
     crossDomain: true 
    }); 
} 

showGetResult('http://code.jquery.com/ui/1.10.3/jquery-ui.js') 
    .done(function(data) { 
     alert("success: " + data); 
    }) 
    .fail(function(jqXHR, textStatus, ex) { 
     alert("failed: " + textStatus); 
    }); 

Для вызова на самом деле работать кросс-домен, вам нужно будет использовать JSONP или сценарий. Прочтите это wiki для получения дополнительной информации о политике одинакового происхождения. Обратитесь к this answer за дополнительной информацией об использовании jsonp.

Код выше будет впрыснуть загруженный JScript в йот и выполнить его.

Answer 2

$.ajax() настроить запрос и сразу же вернуться, поэтому функция возвращается до завершения запроса. Укажите функцию для вызова по завершении запроса с помощью success.

function showGetResult(crossDomainUrl) { 
    $.ajax({ 
     url: crossDomainUrl, 
     type : 'GET', 
     crossDomain: true, 
     success: showData 
    }); 
} 

function showData(data){ 
    debug(data); 
    return data; 
} 
showGetResult(crossDomainUrl); 

см http://jsfiddle.net/5J66u/8/ - (обновлено, чтобы указать JSONP и лучший URL для него)