JSONP는 jQuery에서 도메인 간 AJAX 문제를 어떻게 해결할 수 있습니까?

jQuery를 사용한 크로스 도메인 AJAX

jQuery의 AJAX 기능은 동적 웹 개발에 필수적인 도구입니다. 그러나 서로 다른 도메인에서 AJAX 요청을 수행할 때 CORS(교차 원본 리소스 공유) 문제가 발생할 수 있습니다.

test.php와 testserver.php가 별도의 서버에 상주할 때 이러한 문제가 발생하여 " 오류' 경고가 트리거됩니다. 이는 브라우저 보안 조치가 기본적으로 다른 출처의 AJAX 요청을 제한하기 때문입니다.

해결책: JSONP

CORS를 극복하기 위해 JSONP(JSON with Padding)를 사용할 수 있습니다. JSONP는 CORS를 피하면서 원격 서버에서 스크립트를 동적으로 로드하여 다른 접근 방식을 활용합니다. 제한 사항.

구현

jQuery:

$.ajax({
  url: "testserver.php",
  dataType: 'jsonp', // Specify JSONP data type
  success:function(json){
    // Process JSON data
    alert("Success");
  },
  error:function(){
    alert("Error");
  }      
});

PHP:

<?php
$arr = array("element1", "element2", array("element31", "element32"));
$arr['name'] = "response";
echo $_GET['callback']. "(".json_encode($arr).");";
?>

PHP의 echo 문은 다음과 같이 설계되었습니다. 적절한 따옴표를 포함하여 jQuery가 제공하는 콜백 함수 내에서 JSON 데이터를 래핑합니다.

또는 jQuery의 $.getJSON()을 "callback=?"을 추가하는 것과 함께 약식 메서드로 사용할 수 있습니다. URL에 대한 GET 매개변수로. jQuery는 이 매개변수를 기반으로 적절한 콜백 함수를 자동으로 생성합니다.

위 내용은 JSONP는 jQuery에서 도메인 간 AJAX 문제를 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!