formのsubmitで自身を指定し、PHPとjavascriptを実行させたいが、javascriptのみ実行されない

Question

前提・実現したいこと

HTML+PHP+JacaScriptで、DBに情報を登録するフォームを作っています。
動作の流れは、

フォームに情報を入力し、submitに自身のファイルを指定して自身を呼び出す
↓
$_POSTが空かどうか判断し、空でない場合のみDB登録を実行する

というものを想定しています。
DB登録の際、PHPとjavascriptを使用する必要があるのですが、javascriptが動作しません。

該当のソースコード

<?php
    if(!empty($_POST)){
        if($_POST['HNBN'] === ''){
            $error['HNBN'] = 'blank';
        }

        if(empty($error)){
            ?>
            <?php
            include('../include/kihon_update.php'); //実行される
            ?>
            <script>
                console.log("更新内容を保存しました"); //実行されない
            </script>
            //以下のPHPは実行される
            <?php
            $Location = 'Location: index.php?id='.$KAKOUHNBN;
            header($Location);
            exit();
        }
    }
?>
 
<!--中略-->

<form method="POST" action="">
    <!--フォーム-->
</form>

実行順としては、
formがsubmitされる
↓
自身が呼び出され、PHPのif(!empty($_POST))内が処理される
↓

<script>タグ内が実行される という様に考えているのですが、実行順はこれで正しいですか？ また、javascriptだけ実行されないのはなぜでしょうか？

Answer 1

実行されないjavascriptを、header()の前に書いていることが原因でした。

Answer 2

PHPでscriptを書き出すのは微妙ですが一応動いているみたいですよ

<?php
if(!empty($_POST)){
  if($_POST['HNBN'] === ''){
    $error['HNBN'] = 'blank';
  }
  if(empty($error)){
?>
<script>
 console.log("更新内容を保存しました");
</script>
<?php
  }
}
?>
<form method="POST">
<input type="text" name="HNBN" value="">
<input type="submit" value="send">
</form>

なお、$_POST['HNBN']のような参照の仕方はおすすめできません
いったん以下のようにして参照してください

$HNBN=filter_input(INPUT_POST,'HNBN');

Comments

[momo717]

回答ありがとうございます。
確かに、その部分だけだと動作することは確認できました。実際のコードの別の部分を調べてみます。

また、
> PHPでscriptを書き出すのは微妙ですが
> なお、$_POST['HNBN']のような参照の仕方はおすすめできません
とのことですが、具体的になぜ微妙なのか、おすすめできないのか教えていただきたいです。

[yambejp]

> 具体的になぜ微妙なのか

サーバーサイドのプログラム（バック）で動的な部分（フロント）の制御をするのは
本質的に担当が違うからです。かりに同じ人間がやるにしても、なにかあったときの
問題の切り分けのために、分離したほうが賢明です
サーバー処理はAPIでデータを返し、それをクライアントサイドでどう表現するかは
フロント側に任せてしまうべきです。

[momo717]

そういうことですね、わかりました。
ありがとうございます。