도메인 간 데이터 전송: JSONP 및 그 기원 이해 JSONP(JSON with Padding)는 특정 문제에 대한 솔루션으로 등장했습니다. 웹 개발 초기. 브라우저 보안 제한으로 인해 도메인 간 요청이 금지되어 웹사이트가 다른 도메인에 호스팅된 데이터나 서비스에 접근하지 못하도록 차단합니다. JSONP는 의 기능을 활용하여 이를 교묘하게 우회했습니다. </p> <p><strong>JSONP 작동 방식</strong></p> <p>JSONP를 사용할 때 웹사이트는 콜백 함수 매개변수를 지정하여 JSONP 지원 서버에 요청합니다. 서버는 지정된 콜백 이름을 사용하여 함수 호출 내에서 JSON 데이터를 래핑하여 응답합니다.</p> <p>예를 들어 "콜백" 매개변수를 기대하는 서버에 대한 요청은 다음과 같습니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>http://www.example.net/sample.aspx?callback=mycallback</pre><div class="contentsignin">로그인 후 복사</div></div> <p>서버의 JSONP 응답은 다음과 같습니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>mycallback({ foo: 'bar' });</pre><div class="contentsignin">로그인 후 복사</div></div> <p>이 응답은 JavaScript로 실행되어 </p> <p><strong>JSONP가 만들어진 이유</strong></p> <p>JSONP는 웹사이트가 도메인 간 제한을 위반하지 않고 다른 도메인의 데이터에 액세스할 수 있는 수단을 제공하기 위해 만들어졌습니다. 이를 통해 개발자는 브라우저의 보안 프로토콜로 인한 제한을 극복할 수 있었습니다.</p> <p>JSONP는 이전 브라우저를 지원하는 데 여전히 유용하지만 CORS(Cross-Origin Resource Sharing)가 대안으로 등장하면서 보안 문제로 인해 관련성이 감소했습니다. 요청 처리의 제한 사항. 그럼에도 불구하고 JSONP는 여전히 특정 도메인 간 데이터 전송 시나리오에 유용한 도구입니다.</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
