PHP ： JavaScriptからAjaxでPOST送信したものをPHP側で受け取りたい

発生している問題・エラーメッセージ

main.phpというファイル内に記載しているJavaScriptにて、
POST送信した値を再度main.phpで受け取る処理を行いたいです。
現状、PHP 側で値を受け取ることができておりません。
アラートは'OK'が表示されますが、
console_log(data)で何も出力されません。

該当のソースコード

<?php
$value = filter_input(INPUT_POST,'str_test');
if(is_null($value)){
    echo "str_testが送られていない";
}
echo $value;

~ 省略 ~

$alert = "
<script src='https://code.jquery.com/jquery-3.2.1.min.js'></script>
<script type='text/javascript'>
    var result = window.confirm(' アラート ');
    if( result ) {
        //「true」の処理
        var test = 'test';
        $.ajax({
           type: 'post',
           url: 'main.php',
           data: { 'str_test' : test },
        }).done(function(data){
           console.log(data);
           alert('OK');
        }).fail(function(XMLHttpRequest, textStatus, error){
           alert('NG');
        });
    } else {
        //「false」の処理
    }
</script>
";
echo $alert;
?>

試したこと

下記等を参考に色々と試しましたが、改善されませんでした。
https://teratail.com/questions/44809
https://teratail.com/questions/294990

退会済みユーザー

2022/06/07 22:22 編集

> 現状、PHP 側で値を受け取ることができておりませんどのように確認したのですか？ Fiddler などのキャプチャツールを使って要求・応答どうなっているか調べましたか？

m.ts10806

2022/06/07 22:33

リクエストを送る画面側とリクエストを受け取って処理してレスポンス返す側のプログラムは分けたほうが良いかと

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

回答1件

ベストアンサー

fetchを利用しましょう

PHP
1<?php
2$value = filter_input(INPUT_POST,'str_test');
3if(!is_null($value)){
4  echo "str_testは${value}";
5  exit;
6}
7?>
8<script>
9let result = confirm('ok?');
10if( result ) {
11  const test = 'test';
12  const body=new FormData();
13  body.append('str_test',test);
14  fetch('',{method:"post",body}).then(res=>res.text()).then(console.log);
15}
16</script>