JSON과 JSONP의 차이점과 jQuery의 ajax jsonp_jquery 사용에 대한 간략한 토론-JS 튜토리얼-php.cn

JSON과 JSONP의 차이점과 jQuery의 ajax jsonp_jquery 사용에 대한 간략한 토론

WBOY

풀어 주다： 2016-05-16 16:30:40

원래의

1438명이 탐색했습니다.

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 파일에 작성하여 서버에 배치하고 스크립트 태그를 사용하여 페이지에 로드할 수 있으며 이 태그는 동적으로 생성될 수 있습니다.

코드 복사 코드는 다음과 같습니다.

저자별 최신 기사