post()送信にて配列の要素の全ての中身のデータをphpに送り、php上で表示しようとしてもエラーになる。

以前にJavaScriptの配列の要素の値渡しに関して質問した者です。

前回の質問にて

ajaxを用いて配列の要素データ（3つあるデータ）をphpに送り、filter_inputで受け取り、その送られた3つのデータをHTMLで表示させたい

という質問を前回しましたが、後々、ネットで調べたらpost()にてデータをやり取りできることを知りました。
（しかもシンプルなメソッドで便利であることを知りました。）

それで【PHP・Javascript】Form入力後に自動で自分のメールアドレスに内容を自動送信する – hidetoshl.com
上記を参考にJavaScriptの配列要素をPOST送信で値を送り、PHP上で表示させるプログラムを作成しています。

javascript
1    // 配列の要素を代入
2    var number1 = '1+1';
3    var number2 =2;
4    var number3 = 3456;
5
6    // 連想配列化
7    var postData = {"number1":number1, "number2":number2,"number3":number3};
8
9    // 配列の要素の中身をPOSTで送信
10    $.post(
11      "rensyu42.php",
12      postData);

しかし、javascript側でPOSTで送信してphp側でPOSTで受信するコードを書いたのですが、実行してみると、
「Fatal error: Uncaught Error: Undefined constant "number1" 」というエラーが出て要素データの中身を表示されません。

php
1<?php
2
3// JSから送信されたデータの取得
4$number1  = $_POST[number1];
5$number2 = $_POST[number2];
6$number3  = $_POST[number3];
7
8// 内容を表示
9    echo '$number1';
10    echo '$number2';
11    echo '$number3';
12    
13?>
14

**<エラー内容>
Fatal error: Uncaught Error: Undefined constant "number1" **

どうやらphp側のほうで値がうまく受信されてないようですが、なぜ受信されないのでしょうか？

回答のほうよろしくお願いします。

m.ts10806

2021/03/13 10:29 編集

理解できてないなら解決済みにしないでください。 https://teratail.com/questions/327470 せっかくの回答全く意味なくなってます。分からない部分があればその場で聞いてもらえればいいんです。曖昧な理解なまま雑にしてても出来るわけがないです。

himikonoouji222

2021/03/13 12:07

いえ、違うんです。当初は前回のはajaxで送信できないなと思っていて後で調べたら、POST()で受け渡しができることが分かったんです。ですから、post()メソッドで簡略にできるなと思いまして。postメソッドで手軽にできないんですか？

himikonoouji222

2021/03/13 12:10

それとphpはhtmlと一緒に組み込むんです。つまり前回ではHTMLを表示することだんたんですが、今回はphpとhtmlを一緒に組むんです。

m.ts10806

2021/03/13 21:18

でも$.postは非同期通信の機能ですよ。 $.ajaxも裏では$.post使っています。「曖昧な理解なまま雑にしてても出来るわけがない」と指摘したのはそこです。

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

回答2件

ベストアンサー

送り側

javascript
1const number1 = '1+1';
2const number2 =2;
3const number3 = 3456;
4const url="api.php";
5const body = Object.entries({number1,number2,number3}).reduce((x,y)=>(x.append(y[0],y[1]),x),new FormData());
6const method="post";
7fetch(url,{method,body}).then(res=>res.text()).then(console.log);

受け側

php
1<?PHP
2$number1 = filter_input(INPUT_POST,"number1");
3$number2 = filter_input(INPUT_POST,"number2");
4$number3 = filter_input(INPUT_POST,"number3");
5
6echo $number1;
7echo $number2;
8echo $number3;