Lỗi 'No Transport' với lệnh gọi ajax jQuery trong IE

Tôi cần sử dụng API foursquare để tìm kiếm địa điểm. Tất nhiên đó là miền chéo.

Nó không có bất kỳ sự cố nào trong Firefox nhưng trong Internet Explorer (tôi đã thử nghiệm 7, 8, 9).

Mã javascript của tôi trông giống như:

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

Trong Firefox, nó hiển thị dữ liệu đã nhận một cách hoàn hảo. Trong Internet Explorer, nó đăng nhập trên bảng điều khiển:

No Transport
Error
Error

Tôi nên làm gì?

Tôi đã thử nghiệm điều này trên Windows Mobile 7.

Sau rất nhiều thời gian để hiểu, cuối cùng tôi đã tìm thấy điều này:

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

Giải pháp rất đơn giản, chỉ cần thiết lập điều này:

$.support.cors = true;

và các yêu cầu tên miền chéo Ajax sẽ hoạt động!

jQuery.support.cors = true;

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

bạn cần biến giá trị miền chéo thành true

Vấn đề này đã làm phiền tôi một thời gian. Để giải quyết vấn đề, tôi sử dụng các tập lệnh proxy nằm trên cùng một trang web. Các tập lệnh như vậy chỉ đơn giản thực hiện yêu cầu HTTP không phải ajax từ máy chủ đến máy chủ (hãy nghĩ đến curl và WinHttp.WinHttpRequest) và chuyển trạng thái và dữ liệu trở lại trình gọi. Nó hoạt động, nhưng rõ ràng là không hiệu quả lắm vì nó phải thực hiện hai yêu cầu HTTP.

Trong trường hợp của tôi, giải pháp là sự kết hợp của tất cả những điều được mô tả ở trên cộng với tiêu đề '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': '*'
  },
  ...
});

Dịch vụ web trả lời các cuộc gọi này cũng phản hồi với tiêu đề 'Access-Control-Allow-Origin: *'.

Hãy thử giải pháp này:

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

Hoặc, chỉ cần đặt mã này vào HTML của bạn ngay sau khi bao gồm 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]-->

Tôi vừa thay đổi phiên bản jquery và thay thế liên kết CDN và nó hoạt động! Chỉ làm điều đó nếu crossDomain:truevà $.support.cors= true không hoạt động.

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