Ошибка «Нет транспорта» с jQuery ajax call в IE

Question

Мне нужно использовать API-интерфейс foursquare для поиска мест. Конечно, это кросс-домен.

У этого нет никаких проблем в Firefox, но в Internet Explorer (7, 8, 9, которые я тестировал).

Мой Javascript код выглядит следующим образом:

searchVenues: function(searchQuery) { 
    $.ajax({ 
     url: 'https://api.foursquare.com/v2/venues/search', 
     data: { 
      sw: bound_south_west, 
      ne: bound_north_east, 
      query: searchQuery.query, 
      oauth_token: FSQ_OAUTH_TOKEN, 
      limit: 25, 
      intent: 'browse', 
      v: 20120206 
     }, 
     cache: false, 
     dataType: 'json', 
     success: function(data) { 
      displayResults(data, searchQuery.query); 
     }, 
     error: function(xhr, status, errorThrown) { 
      console.log(errorThrown+'\n'+status+'\n'+xhr.statusText); 
     } 
    }); 
} 

В Firefox, он прекрасно отображает полученные данные. В Internet Explorer, он входит в консоли:

No Transport 
Error 
Error 

Что я должен делать?

Answer 1

Я испытал это на Windows Mobile 7.

После МНОГО времени, потраченного понять, я, наконец, нашел это:

http://bugs.jquery.com/ticket/10660

Решение просто, просто установите это:

$.support.cors = true; 

и запросы доменов Ajax будут работать!

Answer 2

jQuery.support.cors = true; 

$.ajax({ 
    crossDomain: true, 
    url: "", 
    type: "POST", 
    dataType: "xml", 
    data: soapMessage, 
}); 

вам нужно сделать перекрестную значение домена к истинному

Answer 3

Эта проблема прослушивал меня некоторое время. В качестве обходного пути я использую прокси-скрипты, расположенные на одном сайте. Такие скрипты просто выполняют HTTP-запрос от сервера к серверу, а не HTTP-запрос (подумайте о curl и WinHttp.WinHttpRequest), и передайте статус и данные обратно вызывающему. Он работает, но явно не очень эффективен, потому что он должен выполнять два HTTP-запроса.

В моем случае решение представляет собой комбинацию всех описанных выше вещей плюс заголовок Access-Control-Allow-Origin.

$.support.cors = true; // this must precede $.ajax({}) configuration 

$.ajax({ 
    crossDomain: true, // added in jQuery 1.5 
    headers: { 
    'Access-Control-Allow-Origin': '*' 
    }, 
    ... 
}); 

Веб-сервис, который отвечает на эти вызовы также отвечает "Access-Control-Allow-Origin: * заголовок.

Answer 4

Попробуйте это решение:

https://stackoverflow.com/a/14463975/237091

Или просто поместить этот код в ваш HTML прямо после включения JQuery.

<!--[if lte IE 9]> 
<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js'></script> 
<![endif]-->