jQuery와 PHP는 Cross-Origin 요청에 대해 JSONP를 어떻게 구현할 수 있나요?

jQuery 및 PHP를 사용한 JSONP: 원본 간 요청 예

JSONP의 개념을 이해하는 것은 어려울 수 있으며, 특히 구현하려고 할 때 더욱 그렇습니다. 자신의 프로젝트에 적용하세요. 이 기사에서는 jQuery, PHP 및 JSONP를 결합한 간단하면서도 효과적인 예제를 제공합니다. 이 데모를 따르면 이 메커니즘을 사용하여 교차 출처 요청을 수행하는 방법을 명확하게 이해할 수 있습니다.

도전

다음 시나리오를 고려해 보겠습니다. 한 도메인(예: mywebsite.com)에서 호스팅되는 웹페이지와 다른 도메인(예: mywebsite.com)에서 액세스하려는 일부 데이터를 호스팅하는 서버가 있습니다. someotherserver.com). 동일 출처 정책으로 인해 전통적인 Ajax 방식을 사용하여 데이터에 직접 접근하는 것은 불가능합니다.

Enter JSONP: A Cross-Origin Solution

JSONP는 브라우저가 스크립트 태그에 동일 출처 제한을 적용하지 않는다는 사실을 활용하여 교차 출처 요청을 할 수 있는 기술입니다. 본질적으로 검색하려는 데이터를 함수 호출로 래핑하고 스크립트 태그를 사용하여 로드할 수 있습니다.

jQuery $.getJSON 메서드

jQuery를 사용하여 JSONP 요청을 만들면 $.getJSON() 메서드를 활용할 수 있습니다. 이 방법은 JSONP를 사용하여 교차 출처 요청을 자동으로 감지하고 처리합니다.

PHP 서버 측 스크립트

서버 측에서는 PHP 스크립트를 생성하여 JSONP에서 예상하는 형식으로 데이터를 요청하고 반환합니다. 우리는 ?callback=?을 사용할 것입니다. 매개변수를 사용하여 반환된 데이터를 래핑하는 데 사용할 콜백 함수를 지정합니다.

예제 테스트

예제를 테스트하기 위해 웹페이지에서 jQuery를 사용하겠습니다. 서버의 PHP. jQuery 코드는 서버에 JSONP 요청을 하고, 서버측 PHP 스크립트는 콜백 함수 내에 래핑된 데이터를 반환합니다. 응답을 받으면 jQuery는 콜백을 실행하고 반환된 데이터를 처리합니다.

위 내용은 jQuery와 PHP는 Cross-Origin 요청에 대해 JSONP를 어떻게 구현할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!