페이지 새로 고침이나 응답 구문 분석 없이 JavaScript에서 도메인 간 POST 요청을 만들려면 어떻게 해야 합니까?

JavaScript를 사용하여 도메인 간 POST 요청 보내기

문제:

다음을 사용하여 도메인 간 POST 요청을 수행하는 방법 페이지를 새로 고치거나 응답을 요구하지 않는 JavaScript 구문 분석하시겠습니까?

솔루션:

CORS(Cross-Origin Resource Sharing) 이해

도메인 간 통신을 용이하게 하려면, CORS는 서버에 구현된 표준입니다. 서버에 응답 헤더를 설정하면 특정 도메인에 자신의 도메인에 있는 리소스에 액세스할 수 있는 권한을 부여할 수 있습니다.

서버측 구성(PHP 사용):

1. 대상 PHP 파일(예: postHere.php)에 다음을 포함합니다. 코드:

<?php
switch ($_SERVER['HTTP_ORIGIN']) {
    case 'http://from.com': case 'https://from.com':
    header('Access-Control-Allow-Origin: '.$_SERVER['HTTP_ORIGIN']);
    header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');
    header('Access-Control-Max-Age: 1000');
    header('Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With');
    break;
}
?>

이렇게 하면 from.com의 스크립트가 도메인 간 POST, GET 및 OPTIONS 요청을 수행할 수 있습니다.

클라이언트측 AJAX 요청( jQuery 사용):

1. AJAX 설정 요청:

$.ajax({
  type: 'POST',
  url: 'https://to.com/postHere.php',
  crossDomain: true,
  data: '{"some":"json"}',
  dataType: 'json',
  success: function(responseData, textStatus, jqXHR) {
    var value = responseData.someKey;
  },
  error: function (responseData, textStatus, errorThrown) {
    alert('POST failed.');
  }
});

프로세스:

1. 브라우저가 POSTing이 허용되는지 확인하기 위해 OPTIONS 요청을 보냅니다.
2. 서버 특정 도메인에 대한 권한을 부여하는 액세스 제어 헤더로 응답합니다.
3. 브라우저 실제 POST 요청을 보냅니다.
4. 서버가 요청을 처리하고 응답을 반환합니다.

고려 사항:

• 적절한 보안을 보장하세요. 교차 출처 접근을 허용할 때 예방조치가 마련되어 있습니다.
• 모바일 브라우저는 일반적으로 지원하지 않습니다. 도메인 간 POST.
• 이중 요청으로 인한 잠재적인 오버헤드와 보안 영향을 고려하세요.
• OPTIONS 요청뿐만 아니라 항상 응답에 적절한 CORS 헤더를 반환하세요.

위 내용은 페이지 새로 고침이나 응답 구문 분석 없이 JavaScript에서 도메인 간 POST 요청을 만들려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!