(→같이 보기) |
Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight )) |
||
| (사용자 2명의 중간 판 2개는 보이지 않습니다) | |||
| 3번째 줄: | 3번째 줄: | ||
*[[script 태그]]를 사용하여 크로스 도메인의 데이터를 얻는 구조 | *[[script 태그]]를 사용하여 크로스 도메인의 데이터를 얻는 구조 | ||
*[[script 태그]], JavaScript 함수, JSON의 조합으로 구현 | *[[script 태그]], JavaScript 함수, JSON의 조합으로 구현 | ||
*원래 브라우저는 [[동일출처정책]] 제약으로 다른 | *원래 브라우저는 [[동일출처정책]] 제약으로 다른 도메인과 통신 불가하나, src속성에는 다른 도메인 URL을 사용가능하다는 점 이용 | ||
*보통 src 속성의 응답 내용은 javascript 함수 호출 형식이므로 src에 지정하는 URL에 함수이름을 쿼리문자열형식으로 붙임 | *보통 src 속성의 응답 내용은 javascript 함수 호출 형식이므로 src에 지정하는 URL에 함수이름을 쿼리문자열형식으로 붙임 | ||
:이 때 지정하는 함수명은 웹페이지 측에 정의된 콜백함수명 | :이 때 지정하는 함수명은 웹페이지 측에 정의된 콜백함수명 | ||
| 10번째 줄: | 10번째 줄: | ||
==예시== | ==예시== | ||
*callback이라는 파라미터에 parseResponse라는 함수명을 주는 경우 | *callback이라는 파라미터에 parseResponse라는 함수명을 주는 경우 | ||
< | <syntaxhighlight lang='html5'> | ||
<script type='text/javascript' | <script type='text/javascript' | ||
src='http://another.domain.example.com/getjson?callback=parseResponse'> | src='http://another.domain.example.com/getjson?callback=parseResponse'> | ||
</ | </syntaxhighlight> | ||
==같이 보기== | ==같이 보기== | ||
| 23번째 줄: | 23번째 줄: | ||
*[[패딩]] | *[[패딩]] | ||
==참고 | ==참고== | ||
*https://en.wikipedia.org/wiki/JSONP | *https://en.wikipedia.org/wiki/JSONP | ||
[[분류: JSON]] | [[분류: JSON]] | ||
2020년 11월 2일 (월) 02:54 기준 최신판
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}}