JSON과 JSONP의 차이점과 jQuery의 ajax jsonp_jquery 사용에 대한 간략한 토론
- WBOY원래의
- 2016-05-16 16:30:401408검색
JSON 및 JSONP
JSON(JavaScript Object Notation)은 브라우저와 서버 간에 정보를 교환하는 데 사용되는 경량 데이터 교환 형식입니다.
JSONP(JSON With Padding)는 함수 호출에 패키지된 JSON(또는 래핑된 JSON)입니다.
JSON은 데이터 형식이고 JSONP는 데이터 호출 방법입니다.
코드 복사 코드는 다음과 같습니다.
//JSON
{
“이름”: “sb”
}
코드 복사 코드는 다음과 같습니다.
//JSONP
콜백({
“이름”: “sb”
})
보안상의 이유로 스크립트(AJAX)는 이 도메인 외부의 콘텐츠에 액세스할 수 없습니다. 그러나 정적 리소스는 도메인 정책에 의해 제한되지 않으며 모든 도메인에서 스크립트, 스타일, 그림 및 기타 정적 리소스를 로드할 수 있습니다. JSOP는 이 원칙을 사용하여 도메인 간 데이터 수집을 달성합니다.
예시 1:
코드 복사 코드는 다음과 같습니다.
//shoPrice 함수 정의
함수 showPrice(데이터) {
Alert("기호: " data.symbol ", 가격: " data.price);
}
코드 복사 코드는 다음과 같습니다.
//웹 페이지에 showPrice 함수 및 매개변수 포함
이 예에서는 정적 JSON 데이터를 매개변수로 사용하여 JavaScript 함수를 호출하는 방법을 보여줍니다.
예시 2:
첫 번째 함수 호출은 js 파일에 작성하여 서버에 배치하고 스크립트 태그를 사용하여 페이지에 로드할 수 있으며 이 태그는 동적으로 생성될 수 있습니다.
코드 복사 코드는 다음과 같습니다.