PHPのheader関数について

僕はPHPを勉強しながら、ajaxで非同期通信をしながら処理をするアプリを作っています。
ネットで見つけて参考にしながら使っているコードこういうものですが、

ajax.php
1if (isset($_POST['hoge'])) {
2  $hoge = $_POST['hoge'] 
3  $hoge -> new PDO('hogehoge');
4  ~~~
5  $data = array('hoge' => $hoge);
6  header("Content-type: application/json; charset=UTF-8");
7  echo json_encode($data);
8  exit;
9}

hoge.php
1<?php
2require('ajax.php');
3?>
4<!DOCTYPE html>
5<html lang="ja">
6
7<head>
8  <meta charset="UTF-8">
9  <meta http-equiv="X-UA-Compatible" content="IE=edge">
10  <meta name="viewport" content="width=device-width, initial-scale=1.0">
11  <title>hoge</title>
12  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
13</head>
14
15<body>
16  <h1>HOGEHOGE</h1>
17  <input type="text" id="hoge">
18  <button id="hogetn"></button>
19  <script>
20    $('#hogetn').click(function() {
21      let hoge = $('#hoge').val();
22      $.ajax({
23        type: 'POST',
24        url: 'ajax.php',
25        data: {
26          'hoge': hoge
27        },
28        dataType: 'json',
29      }).done(function(data) {
30        console.log(hoge);
31      }).fail(function(XMLHttpRequest, status, e) {
32      });
33    });
34  </script>
35</body>
36
37</html>

今までは何も疑問を持たなかったのですがPHPの勉強をしていると、
PHPのheader関数は、レスポンスヘッダを設定するのでheader関数の前に出力があってはいけない。
と本やネットにも書いていおり、ふと疑問を持ちました。

「header関数の前に出力があってはいけないのに上記のコードではPOSTされて初めてheader関数を呼び出すのに、レスポンスボディはheader関数よりも先に出力しているけどいいのだろうか？」

ご回答よろしくお願いします。

追記
解決しました。
勘違いの経緯や理由などをまとめておきます。

勘違い1
実際に作っているアプリでは、ajaxのurlをhoge.phpのようにしていた。
(質問のレスポンスボディとはhoge.phpのhtml部分のことでした)

勘違い2
ajaxでheader関数を使いレスポンスヘッダーを設定すると、hoge.phpの最初のレスポンスに追記する形でレスポンスされると思っていた。
(実際には全くの別なので最初のhoge.phpのレスポンスボディは全く関係ない)

以上の2つが原因で最初にhoge.phpのhtmlの部分のレスポンスボディを表示しているのに、なぜajaxでhoge.phpにレスポンスヘッダーを設定できるのかが分かりませんでした。

ajaxとリクエスト・レスポンスの理解不足でした。

maisumakun

2022/02/10 01:30

> ajaxではheader関数を呼び出す前にPHPで普通に出力しているし、なんらなレスポンスボディすらも出力しているけどいいのだろうか？出力を行っているコードまで記載していただけませんか？

maisumakun

2022/02/10 01:58

> レスポンスボディはheader関数よりも先に出力しているけど出力を行っている行はどこでしょうか？

tuna-kan

2022/02/10 02:38

修正いたしました。省略していたコードを質問の方に載せました。 phpタグから下のレスポンスボディをheader関数が呼び出されるより前に出力されています。それでもheader関数が呼び出されている理由を教えていただけると幸いです。

行動規範の内容に同意します

回答3件

ベストアンサー

ajaxではheader関数を呼び出す前にPHPで普通に出力している

ajaxもAPIがhttpヘッダを吐き出すなら、本文よりも先に出力します。

投稿2022/02/10 01:31

yambejp

総合スコア114843

提示のコードにおける「レスポンスボディ」は
echo json_encode($data);にあたるのでheaderより後に出力されている正しい実装です。

投稿2022/02/10 02:25

m.ts10806

総合スコア80850

tuna-kan

2022/02/10 02:34

省略していたコードを質問の方に載せました。 phpタグから下のレスポンスボディをheader関数が呼び出されるより前に出力されています。それでもheader関数が呼び出されている理由を教えていただけると幸いです。

m.ts10806

2022/02/10 02:39

header関数より「前」のレスポンスボディはどこでしょうか。「レスポンスボディ」は「出力」のことを指します。回答に提示した通りajax.phpにおける「レスポンスボディ」は echo json_encode($data); のところだけです。ただ、別件ですがAjaxは非同期通信なので呼び出す画面プログラムからrequire()する必要はないです。

tuna-kan

2022/02/10 02:51

お恥ずかしいですが、どうやら僕は勘違いしていたようです。うろ覚えだったのですが、本で「HTMLの部分はレスポンスボディ」と書いてあったように思ったのですが、今思えばその部分はPHPで出力されていたと思います。僕の指す該当の部分はレスポンスボディではないのですね。もっと勉強します。ありがとうございました。

m.ts10806

2022/02/10 02:55

「レスポンスとはなにか」もそうですが「リクエストとは」というところも抑えたほうが良いと思います

tuna-kan

2022/02/10 02:56

×HTMLの部分 ○bodyの部分ですね。 requireの件も大変参考になりました。

m.ts10806

2022/02/10 02:57

あ、ちなみに ajaxでサーバーサイドから出来上がったhtmlそのものを返すこともあるので、あながち間違いではないです。 JavaScriptでhtml生成するとパフォーマンスに影響があるのでhtml量が多くなる一覧のようなものを画面遷移なく作る場合はしばしば用いられます。

行動規範の内容に同意します