IEでのjQuery ajax呼び出しによる「トランスポートなし」エラー

会場を検索するには、foursquare APIを使用する必要があります。もちろんクロスドメインです。

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

私は何をすべきか？

私はこれをWindows Mobile 7でテストしました。

理解するのに長い時間を費やした後、私は最終的にこれを見つけました：

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

ソリューションはシンプルです。これを設定するだけです：

$.support.cors = true;

そしてAjaxクロスドメインリクエストは機能します！

jQuery.support.cors = true;

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

クロスドメイン値をtrueにする必要があります

この問題はしばらくの間私を悩ませてきました。回避策として、同じサイトにあるプロキシスクリプトを使用します。このようなスクリプトは、サーバー間非Ajax HTTPリクエスト（curlとWinHttp.WinHttpRequestを考える）を実行し、ステータスとデータを呼び出し元に返すだけです。動作しますが、2つの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': '*'
  },
  ...
});

これらの呼び出しに応答するWebサービスも「Access-Control-Allow-Origin：*」ヘッダーで応答します。

この解決策を試してください：

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

または、jqueryを組み込んだ直後に、このコードをHTMLに挿入するだけです。

<!--[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]-->

私はjqueryのバージョンを変更し、CDNリンクを置き換えただけでうまくいきました！crossDomain:trueand $.support.cors= trueが機能しない場合にのみ実行してください。

<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>