(→같이 보기) |
(→개요) |
||
| 3번째 줄: | 3번째 줄: | ||
*[[script 태그]]를 사용하여 크로스 도메인의 데이터를 얻는 구조 | *[[script 태그]]를 사용하여 크로스 도메인의 데이터를 얻는 구조 | ||
*[[script 태그]], JavaScript 함수, JSON의 조합으로 구현 | *[[script 태그]], JavaScript 함수, JSON의 조합으로 구현 | ||
*원래 브라우저는 [[동일출처정책]] 제약으로 다른 | *원래 브라우저는 [[동일출처정책]] 제약으로 다른 도메인과 통신 불가하나, src속성에는 다른 도메인 URL을 사용가능하다는 점 이용 | ||
*보통 src 속성의 응답 내용은 javascript 함수 호출 형식이므로 src에 지정하는 URL에 함수이름을 쿼리문자열형식으로 붙임 | *보통 src 속성의 응답 내용은 javascript 함수 호출 형식이므로 src에 지정하는 URL에 함수이름을 쿼리문자열형식으로 붙임 | ||
:이 때 지정하는 함수명은 웹페이지 측에 정의된 콜백함수명 | :이 때 지정하는 함수명은 웹페이지 측에 정의된 콜백함수명 | ||
2015년 6월 22일 (월) 10:29 판
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 같이 보기
4 참고 자료
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}