JSONP는 원본 간 데이터 검색 문제를 어떻게 해결합니까?

JSONP: Cross-Origin 데이터 검색 단순화

교차 원본 웹 요청을 처리할 때 동일 원본 정책이 문제를 일으킬 수 있음 . 이러한 문제를 해결하기 위한 솔루션으로 JSONP(JSON with Padding)가 등장했습니다. 다음은 다른 도메인에서 데이터를 검색하기 위해 기본 jQuery, PHP 및 JSONP 요청을 구현하는 방법에 대한 단계별 설명입니다.

jQuery 요청

$.getJSON('http://www.write-about-property.com/jsonp.php?callback=?', { firstname: 'Jeff' }, function(res) {
  alert('Your name is ' + res.fullname);
});

PHP 응답

<?php
  $fname = $_GET['firstname'];
  if ($fname == 'Jeff') {
    echo $_GET['callback'] . '(' . "{'fullname' : 'Jeff Hansen'}" . ')';
  }
?>

주요 수정:

• ?callback=?: JSONP에서는 서버에 콜백이 포함됩니다. 응답에서 기능합니다. ?콜백=? 브라우저가 서버에 동적으로 생성된 콜백 함수를 제공할 수 있도록 합니다.
• $_GET['callback'] . '(': 서버는 JavaScript를 사용하여 브라우저에서 제공하는 콜백 함수를 호출합니다.
• res.fullname: JavaScript 코드는 서버에서 반환된 JSON에 액세스하여 다음을 표시합니다. '전체 이름' 값입니다.

HTML 응답

예, 결과에 HTML을 저장할 수 있으며 결과는 문자열로 반환됩니다. 그러면 JavaScript 코드가 HTML을 적절하게 처리합니다.

사용 예

이 예는 다음 위치에 있는 PHP 스크립트에서 'Jeff'의 전체 이름을 검색합니다. 'http://www.write-about-property.com/jsonp.php'. 이름이 'Jeff'와 일치하면 'Jeff Hansen'이라는 전체 이름이 반환됩니다.

위 내용은 JSONP는 원본 간 데이터 검색 문제를 어떻게 해결합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!