ข้อผิดพลาด 'No Transport' w / jQuery ajax call ใน IE

ฉันจำเป็นต้องใช้ foursquare API เพื่อค้นหาสถานที่ แน่นอนว่าเป็นการข้ามโดเมน

ไม่มีปัญหาใด ๆ ใน Firefox แต่ใน Internet Explorer (7, 8, 9 ฉันได้ทดสอบแล้ว)

รหัสจาวาสคริปต์ของฉันดูเหมือนว่า:

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,
});

คุณต้องทำให้ค่าข้ามโดเมนเป็นจริง

ปัญหานี้รบกวนฉันมาระยะหนึ่งแล้ว เพื่อเป็นการแก้ปัญหาฉันใช้สคริปต์พร็อกซีที่อยู่บนไซต์เดียวกัน สคริปต์ดังกล่าวดำเนินการตามคำขอ HTTP แบบเซิร์ฟเวอร์ต่อเซิร์ฟเวอร์ที่ไม่ใช่ ajax (นึกถึง 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: *"

ลองใช้วิธีนี้:

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

ฉันเพิ่งเปลี่ยนเวอร์ชัน jquery และแทนที่ลิงก์ CDN และใช้งานได้! เพียงแค่ทำถ้าcrossDomain:trueและ$.support.cors= จริงไม่ได้ผล

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