JSONP

1 개요

JSON with padding; JSONP

• script 태그를 사용하여 크로스 도메인의 데이터를 얻는 구조
• script 태그, JavaScript 함수, JSON의 조합으로 구현
• 원래 브라우저는 동일출처정책 제약으로 다른 도메인의 서버와 통신할 수는 없으나 src속성에는 다른 도메인의 URL을 지정하여 통신 가능하다는 점 이용
• 보통 src 속성의 응답 내용은 javascript 함수 호출 형식이므로 src에 지정하는 URL에 함수이름을 쿼리문자열형식으로 붙임

이 때 지정하는 함수명은 웹페이지 측에 정의된 콜백함수명

함수명을 전달하는 요청 파라미터 이름은 서버-클라이언트간 사전에 정해두어야 함

2 예시

• callback이라는 파라미터에 parseResponse라는 함수명을 주는 경우

<script type='text/javascript' 
src='http://another.domain.example.com/getjson?callback=parseResponse'>

3 같이 보기

• 동일 출처 정책
• script 태그
• CORS
• 웹 메시징
• JSON
• 패딩

4 참고 자료

• https://en.wikipedia.org/wiki/JSONP