[JSONP란 ?]

JSONP(JSON with Padding)란 JSON data를 cross-domain issues (CORS 이슈) 없이 보내는 메소드 이다.

 

js는 서로 다른 도메인에 대한 요청을 보안상 제한하기 때문에 이를  해결하기 위해 사용한다.

 

 

JSONP 와   AJAX 의 차이

//JSON 예시

$.ajax({
	url: url,
    dataType: 'json',
    data: data,
    success: callback
});

$.getJSON(url,data,callback); 
    
 //-- JSONP 예시
 
 $.ajax({
 	url: url,
    dataType: 'jsonp',
    jsonpCallback: "myCallback",
    success: callback
});

$.getJSON(url + "?callback=?", data,callback);

 

코드 상의 차이는 callback과  dataType밖에 없다.

 

 

하지만  JSONP는 <script>에 추가하고 그 밑에 함수로 실행된 형태라는 점에서 차이를 보인다.

 

HTML의 script 요소에서의 호출에는 보안상 정책이 적용되지 않는다는 점을 사용한것이다. 

 

 

출처
https://ngio.co.kr/9615