>웹 프론트엔드 >JS 튜토리얼 >jQuery AJAX는 도메인 간 통신에 대한 동일 출처 정책 제한을 어떻게 극복할 수 있습니까?

jQuery AJAX는 도메인 간 통신에 대한 동일 출처 정책 제한을 어떻게 극복할 수 있습니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-22 22:23:18191검색

How Can jQuery AJAX Overcome Same-Origin Policy Restrictions for Cross-Domain Communication?

jQuery AJAX 도메인 간 통신

동일 출처 정책 제한으로 인해 도메인 간 AJAX 요청에 제한이 발생합니다. 한 도메인의 클라이언트 스크립트가 다른 도메인의 리소스에 액세스하려고 시도하면 일반적으로 보안 문제로 인해 실패합니다.

사례:

테스트하는 경우를 고려해보세요. php는 로컬 호스트에 상주하는 반면 testserver.php는 웹 서버에서 호스팅됩니다. test.php에서 testserver.php로의 AJAX 요청이 실패하고 요청의 교차 도메인 특성으로 인해 "오류" 경고가 발생합니다.

해결책:

이러한 한계를 극복하기 위해 JSONP(JSON with Padding)을 사용할 수 있습니다. 채용되었습니다.

jQuery:

$.ajax({
  url: "testserver.php",
  dataType: "jsonp", // Note the lowercase 'p' in JSONP
  success: function (json) {
    // Handle successful response
    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에서 콜백 함수 이름이 전달되었습니다. by jQuery는 $_GET['callback']을 통해 사용할 수 있습니다. "callbackName('jsonString')" 형식으로 응답을 에코함으로써 jQuery가 JSON 데이터를 해석할 수 있습니다.

대안:

jQuery는 단축 메서드를 제공합니다. 도메인 간 AJAX 요청을 단순화하는 $.getJSON()을 호출합니다. 그러나 "callback=?"을 추가해야 합니다. GET 매개변수로 URL에 추가합니다. jQuery는 자동으로 이 자리 표시자를 생성된 콜백 메서드로 바꿉니다.

위 내용은 jQuery AJAX는 도메인 간 통신에 대한 동일 출처 정책 제한을 어떻게 극복할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.