PHP 처리 Ajax 요청 문제 및 Ajax 도메인 간 문제 해결

PHP는 Ajax 요청인지 여부를 결정합니다

우리는 ajax 요청을 보낼 때 jquery 프레임워크에서 요청할 때 XMLHttpRequest 객체를 통해 사용자 정의 헤더 정보를 생성할 수 있다는 것을 알고 있습니다. $.ajax, $.get 또는 $.post 메소드를 통해 웹 콘텐츠는 HTTP_X_REQUESTED_WITH 매개변수를 서버에 전달합니다. PHP에서는 헤더 수준에서 Ajax 요청인지 여부가 결정되며 해당 기준은 다음과 같습니다. $_SERVER['HTTP_X_REQUESTED_WITH']判断。一般情况下$_SERVER['HTTP_X_REQUESTED_WITH']默认是XMLHttpRequest，$_SERVER['HTTP_X_REQUESTED_WITH']也可以自定义创建的，使用XMLHttpRequest.setRequestHeader(name,value).

관련 학습 권장 사항: php 프로그래밍(동영상)

예: 프런트 엔드 페이지는 일반 Ajax 요청을 백엔드 test.php로 보냅니다.

$.ajax({
  type: "GET",
  url: 'test.php',
  success: function(data) {
    console.log(data);
  }
});

서버 test.php는 요청이 Ajax 비동기 요청인지 확인한 다음 비즈니스 요구에 따라 응답할 수 있습니다.

다음은 서버 test.php가 ajax 요청인지 여부를 간단히 확인하는 코드입니다.

function isAjax() {
  return @$_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest' ? true : false;
}
if (isAjax()) {
  echo 'Ajax Request Success.';
} else {
  echo 'No.';
}

Ajax는 JSONP 교차 도메인 요청을 시작합니다

jQuery의 JSONP 메소드를 통해 교차 도메인 Ajax 요청을 구현할 수 있습니다. , 서버 측 PHP 해당 처리도 수행해야 하는데, 이는 PHP가 프런트 엔드 페이지에서 특정 형식의 데이터를 요청하고 반환해야 함을 의미합니다.

예: 프런트 엔드 페이지는 JSONP 요청을 시작합니다:

$.ajax({
  type: "get",
  data: "random="+Math.random(),
  url: "http://demo.jb51.net/phpajax/jsonp.php",
  dataType: "jsonp",
  jsonp: "callback",
  success: function(data) {
   console.log(data);
  },
  error: function() {
   console.log('Request Error.');
  }
});

Ajax 요청 매개 변수에는 dataType: "jsonp" 및 jsonp: "callback"이 포함되어 있으며 이는 요청하려는 항목이 jsonp임을 나타냅니다. 콜백 콜백 반환이 있을 것입니다. 물론 jsonpCallback:"success_jsonpCallback"

다음과 같이 간단히 작성할 수도 있습니다.

jQuery.getJSON('http://demo.jb51.net/phpajax/jsonp.php?callback=?",{
 random: Math.random()
}, function(data){
 console.log(data);
});

PHP 백엔드 서비스 코드는 다음과 같이 작성할 수 있습니다(형식에 주의하세요). 출력 반환):

$data = array(
  'rand' => $_GET['random'],
  'msg' => 'Success'
);
echo $_GET['callback'].'('.json_encode($data).')';

Ajax 교차 도메인 요청: CORS

CORS, 교차 도메인 리소스 공유라고도 알려져 있으며 전체 영어 이름은 Cross-Origin Resource Sharing입니다. Ajax를 사용하여 a.com 페이지에서 b.com 페이지로 데이터를 요청한다고 가정해 보겠습니다. 일반적으로 동일 출처 정책으로 인해 이러한 종류의 요청은 허용되지 않으며 브라우저도 " 소스 불일치" 오류가 발생합니다. 따라서 "교차 도메인"이라는 용어가 사용됩니다. 하지만 해결책도 있습니다. b.com의 페이지 헤더 정보에 다음과 같은 코드 한 줄을 추가할 수 있습니다.

header("Access-Control-Allow-Origin: *");

우리가 설정한 헤더가 위 정보이면 서버 측의 모든 요청을 처리하고 응답할 수 있습니다. 그런 다음 디버깅 도구에서 헤더 정보 설정을 볼 수 있습니다. 빨간색 상자의 정보 중 하나는 "*Access-Control-Allow-Origin: *"입니다. 이는 요청을 제한하려는 경우 CORS를 활성화했음을 의미합니다. 특정 도메인 이름만 있는 경우 다음과 같을 수 있습니다.

header("Access-Control-Allow-Origin: https://www.jb51.net");

예: CORS를 통한 도메인 간 요청 데이터

$.ajax({
  type: "get",
  data: "random="+Math.random(),
  url: "http://demo.jb51.net/phpajax/ajax.php",
  dataType: "json",
  success: function(data) {
    console.log(data);
    $("#result_3").html(data.msg+':'+data.rand);
  },
  error: function() {
   $("#result_3").html('Request Error.');
  }
});

다른 웹사이트 도메인 이름 아래의 ajax.php에 다음 코드를 추가합니다.

header("Access-Control-Allow-Origin: https://www.jb51.net");
$data = array(
  'rand' => $_GET['random'],
  'msg' => 'Success'
);
echo json_encode($data);

이것은 다음 코드에서 시작을 실현합니다. www.jb51.net 페이지 도메인 이름 경로 deco.jb51.net/phpajax/ajax.php에 대해 도메인 간 비동기 요청을 만들고 응답을 받습니다.

관련 영상 추천: 초보부터 마스터까지 PHP 프로그래밍

위 내용은 PHP 처리 Ajax 요청 문제 및 Ajax 도메인 간 문제 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!