IE에서 jQuery ajax 호출시 '전송 없음'오류

장소를 검색하려면 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,
});

교차 도메인 값을 true로 만들어야합니다.

이 문제는 한동안 나를 괴롭 혔습니다. 해결 방법으로 동일한 사이트에있는 프록시 스크립트를 사용합니다. 이러한 스크립트는 단순히 서버 간 ajax가 아닌 HTTP 요청 (컬 및 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

또는 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>