PHP 처리 Ajax 요청 및 Ajax 도메인 간 문제에 대한 자세한 설명

이 글은 주로 PHP 처리 Ajax 요청과 Ajax 크로스 도메인 문제에 대한 관련 정보를 소개합니다. 매우 훌륭하고 참고할만한 가치가 있습니다. 필요한 친구는 이 글을 참조하여 Ajax 요청인지 여부를 판단할 수 있습니다.

우리는 ajax 요청을 보낼 때 XMLHttpRequest 객체를 통해 사용자 정의 헤더 정보를 생성할 수 있다는 것을 알고 있습니다. jquery 프레임워크에서 $.ajax, $.get 또는 $.post 메서드를 통해 웹 콘텐츠를 요청할 때 A는 A입니다. HTTP_X_REQUESTED_WITH 매개변수가 서버에 전달됩니다. PHP에서는 헤더 수준에서 Ajax 요청인지 여부를 판단하고 해당 기준은 입니다.

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

$_SERVER['HTTP_X_REQUESTED_WITH']判断。一般情况下$_SERVER['HTTP_X_REQUESTED_WITH']默认是XMLHttpRequest，$_SERVER['HTTP_X_REQUESTED_WITH']也可以自定义创建的，使用XMLHttpRequest.setRequestHeader(name,value)

$.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 교차 도메인 요청을 시작합니다

교차 도메인 Ajax 요청을 구현할 수 있습니다. jQuery의 JSONP 메소드를 통해 서버 측 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: *");

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

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

이렇게 하면 www.jb51.net 페이지에서 도메인 이름 경로 데모.jb51.net/phpajax/ajax로 도메인 간 비동기 요청이 시작될 수 있습니다. php, 응답을 얻었습니다.

위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

관련 권장사항:

vue

Cross-domain

AJAX
Cross-domain

Request

을 구현하기 위한 서버측 구성을 사용하여 ProxyTable 매개변수를 설정하는 방법 아약스 솔루션
도메인 간

데이터 쿠키 요청 손실 문제

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