1. 몇 가지 개념
①전통적인 Ajax: 대화형 데이터 형식 - 사용자 정의 문자열 또는 XML 설명
크로스 도메인 - 서버 측 프록시를 통해 해결됩니다.
②현재 최고의 솔루션: JSON 형식을 사용하여 데이터를 전송하고 JSONP를 사용하여 도메인 간을 사용합니다.
③JSON: 데이터 교환 형식입니다. 일반 텍스트를 기반으로 하며 기본 JS에서 지원됩니다.
형식: 두 가지 데이터 유형 설명자: 중괄호 { } 및 대괄호 [ ]. 구분 기호 쉼표, 매핑 문자 콜론 및 정의 문자는 큰따옴표입니다.
④JSONP: 비공식 도메인 간 데이터 상호 작용 프로토콜입니다.
1. 웹페이지는 도메인을 넘나들 수 있는 js 파일을 호출합니다. 확장: src 속성이 있는 모든 태그에는 도메인 간 기능이 있습니다.
2. 크로스 도메인 서버는 클라이언트 호출을 위해 데이터를 동적으로 생성하고 이를 js 파일(일반적으로 json 접미사 포함)에 저장합니다.
3. 클라이언트의 데이터 사용을 용이하게 하기 위해 JSONP라는 비공식 전송 프로토콜이 구성됩니다. 이 프로토콜의 초점은 사용자가 콜백 매개변수를 서버에 전달할 수 있도록 하고, 서버가 데이터를 반환할 때 이 콜백 매개변수를 함수 이름으로 사용하여 JSON 데이터를 래핑함으로써 클라이언트가 자체 기능을 맞춤 설정할 수 있도록 하는 것입니다. 반환된 데이터를 자동으로 처리합니다.
2. JSONP 구현
예 1 - 고객의 일방적인 응대:
①클라이언트 - 클라이언트 설정에서 함수 개체를 생성합니다. 이름은 callFunc일 수 있으며, 서버에서 js 데이터를 수신하고 처리하는 데 사용됩니다.
js 데이터의 핵심은 callFunc 함수를 호출할 때 데이터 객체의 값인 매개변수가 수반된다는 것입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
