크로스 도메인 - 자바 스크립트를 사용하여 다른 도메인에서 JSON 파일을 가져 오는 방법은 무엇입니까?

Question

이것은 json 파일입니다. http://www.oref.org.il/WarningMessages/alerts.json 대부분의 시간 동안 비어있는 "데이터"배열을 검색하려고합니다.

전 도메인에 문제가있는 경우 'Access-Control-Allow-Origin'오류 메시지가 표시됩니다.

$.ajax({ 
    url : "http://www.oref.org.il/WarningMessages/alerts.json", 
    type : 'GET', 
    crossDomain: true, 
    data : "json", 
    dataType : "json", 
    success : function(res) { 
    console.log('res',res); 
    } 
}); 

데이터를 가져 오는 데 몇 가지 jsonp 방법을 시도했지만 성공하지 못했습니다. 누군가 내 코드를 수정하도록 도와 줄 수 있습니까?

Answer 1

JSONP는 동일한 도메인 정책 인 XMLHttpRequest을 극복하기위한 간단한 트릭입니다. 그래서이 같은 dataType attribut은 "JSONP"에 의해 "JSON"를 대체하려고 :

$.ajax({ 
    url : "http://www.oref.org.il/WarningMessages/alerts.json", 
    type : 'GET', 
    crossDomain: true, 
    data : "json", 
    dataType : "jsonp", 
    success : function(res) { 
     console.log('res',res); 
    } 
}); 

편집 :

해결책이 JSON 파일을 검색 서버 (PHP, 자바)하는 것 및 다시 노출 시키십시오. 그런 다음 jquery 스크립트를 사용하여 서버에서 json을 검색하십시오.

예제 PHP 코드 :

header("Content-Type:application/json"); 
echo file_get_contents("http://www.oref.org.il/WarningMessages/alerts.json"); 

Answer 2

이 코드는 당신이 직면하고있는 오류를 극복한다. dataType은 Jquery가 Ajax 요청으로 간주하기 위해서는 "jsonp"이어야한다. (최신 버전의 Jquery 2.1.1로 테스트되었습니다.)

$.ajax({ 
     url : "http://www.oref.org.il/WarningMessages/alerts.json", 
     type : 'GET', 
     crossDomain: true, 
     data : "json", 
     dataType : "jsonp", 
     success : function(res) { 
      console.log('res',res); 
     } 
     });