JSONP

JSONP( JSON with Padding)

- 클라이언트가 아닌 각기 다른 도메인에 상주하는 서버로부터 데이터를 요청하기 위해 사용

- CORS가 활성화 되기 이전의 데이터요청 방법

- SOP를 회피하는 방법

• JSONP 요청
  
  • 일반 AJAX 요청과 다른 방식
  • Jquery는 JSONP 요청을 XHR 리퀘스트의 한 방식인 것처럼 묶어줌
  • success 함수가 콜백함수의 역할을 함

//일반 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);

 

* XMLHttpRequest(XHR) :  AJAX 요청을 생성하는 JavaScript API, XHR의 메서드로 브라우저와 서버간의 네트워크 요청을 전송함.

* SOP(Same-Origin Policy, 동일 출처 원칙) : 도메인이 다른 웹 페이지로는 Ajax 등의 방법으로 접근하지 못하게 제한함.

 

 

참고: https://kingbbode.tistory.com/26 [개발노트 - kingbbode]

     ,  http://dev.epiloum.net/1311