Ajax リクエストを処理する PHP の問題と Ajax クロスドメインの問題を解決する-PHPチュートリアル-php.cn

Ajax リクエストを処理する PHP の問題と Ajax クロスドメインの問題を解決する

coldplay.xixi

リリース： 2023-04-09 12:44:02

転載

2509 人が閲覧しました

#PHP は、Ajax リクエストであるかどうかを判断します

Ajax リクエストを送信するときは、XMLHttpRequest オブジェクトを通じてカスタムヘッダー情報を作成できます。jquery フレームワークでは、$.ajax、$.get、または $.post メソッドを通じて Web コンテンツをリクエストすると、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 リクエストをバックエンドテスト.php。

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

ログイン後にコピー

サーバー test.php は、リクエストが Ajax 非同期リクエストであるかどうかを判断し、ビジネスニーズに応じて応答します。

次のコードは、サーバー test.php が Ajax リクエストであるかどうかを単純に検証するためのコードです:

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

ログイン後にコピー

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(&#39;Request Error.&#39;);
  }
});

ログイン後にコピー

ajax リクエストパラメーターに dataType: "jsonp" および jsonp: "callback" が含まれていることがわかります。これは jsonp であり、コールバック callback が返されます。もちろん、jsonpCallback:"success_jsonpCallback"

のようにコールバック関数をカスタマイズすることもできます。

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

ログイン後にコピー

のように単純に記述することもできます。php バックエンドサービスコードは次のように記述できます。これ (出力戻りの形式に注意してください) :

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

ログイン後にコピー

Ajax クロスドメインリクエスト: CORS

CORS (クロスドメインとも呼ばれます)リソース共有、英語の正式名は Cross-Origin Resource Sharing です。 Ajax を使用して、a.com のページから b.com のページにデータをリクエストするとします。通常、同一生成元ポリシーにより、この種のリクエストは許可されず、ブラウザーも「」を返します。ソース不一致」エラー。そのため「クロスドメイン」という用語が使われています。しかし、私たちにも解決策があります。b.com のページのヘッダー情報にコード行を追加できます:

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

ログイン後にコピー

設定したヘッダーが上記の情報である場合、任意のリクエストを b.com で処理できます。サーバー側のメッセージが来て応答すると、デバッグツールでそのヘッダー情報の設定が確認できます。赤枠内の情報の 1 つが「*Access-Control-Allow-Origin: *」です。特定のドメイン名に対するリクエストのみを制限したい場合は、次のようになります:

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+&#39;:&#39;+data.rand);
  },
  error: function() {
   $("#result_3").html(&#39;Request Error.&#39;);
  }
});

ログイン後にコピー

このコードを別の Web サイトのドメイン名の下にある 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 ページからドメイン名パスデモ.jb51.net/phpajax/ajax へのクロスドメイン非同期リクエストを開始できるようになります。 phpを実行するとレスポンスが得られます。