IE'de jQuery ajax çağrısıyla 'Aktarım Yok' Hatası

Mekan aramak için foursquare API kullanmam gerekiyor. Elbette alanlar arasıdır.

Firefox'ta sorun yok ama Internet Explorer'da (7, 8, 9 test ettim).

JavaScript kodum şöyle görünüyor:

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'ta alınan verileri mükemmel bir şekilde görüntüler. Internet Explorer'da konsolda oturum açar:

No Transport
Error
Error

Ne yapmalıyım?

Bunu Windows Mobile 7'de test ettim.

Anlamak için çok zaman harcadıktan sonra, sonunda şunu buldum:

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

Çözüm basit, sadece şunu ayarlayın:

$.support.cors = true;

ve Ajax etki alanları arası istekleri çalışacaktır!

jQuery.support.cors = true;

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

etki alanları arası değeri doğru yapmanız gerekir

Bu sorun beni bir süredir rahatsız ediyor. Çözüm olarak, aynı sitede bulunan proxy komut dosyalarını kullanıyorum. Bu tür komut dosyaları, basitçe sunucudan sunucuya ajax dışı HTTP isteğini yürütür (curl ve WinHttp.WinHttpRequest'i düşünün) ve durumu ve verileri arayana geri iletir. Çalışır, ancak iki HTTP isteği gerçekleştirmesi gerektiğinden açıkça çok verimli değildir.

Benim durumumda, çözüm, yukarıda açıklanan tüm şeylerin yanı sıra 'Access-Control-Allow-Origin' başlığının bir kombinasyonudur.

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

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

Bu çağrıları yanıtlayan web hizmeti de 'Access-Control-Allow-Origin: *' başlığıyla yanıt verir.

Bu çözümü deneyin:

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

Veya jquery'yi ekledikten hemen sonra bu kodu HTML'nize yerleştirin.

<!--[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 sürümünü değiştirdim ve CDN bağlantısını değiştirdim ve işe yaradı! Sadece crossDomain:trueve $.support.cors= true çalışmıyorsa yapın.

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