PHPでページリロードさせずにフォームの値を取得したい

Question

現在、フォーム送信をページリロードをさせないように、ajaxを使用してフォームを作成しているのですが、
その場合、ページがリロードされないため、$_POST[]でのフォーム内容の取得がPHPで行えません。

ajaxでPHPに値を受け渡した後にフォーム内容をセッションとして保存して、セッションを読み込み文字数制限を行う方法は試してみましたが、
ページを読み込みなおさないと最新のセッションが取得できずうまくいきませんでした。

ページリロードさせずにフォームの値を取得し、PHP側で文字数制限を行ういい方法はございますでしょうか？

Comments

[yambejp]

具体的に何をやったのか、何をやりたいのを提示してください
ajaxで2度要求すれば2度データを吐き出します

Answer 1

例えばこんな感じでやってみてください

Comments

[yambejp]

//send.html
window.addEventListener('DOMContentLoaded',async()=>{
const url="recv.php";
const method="post";
let body=new FormData();
body.append("a","ABC");
body.append("b",123);
var data=await fetch(url,{method,body}).then(res=>res.text());
console.log(data);
body=new FormData();
body.append("a","XYZ");
body.append("b",456);
var data=await fetch(url,{method,body}).then(res=>res.text());
console.log(data);
});

//recv.php
<?PHP
print_r($_POST);

Answer 2

さっき別の質問に対して同じこと書いたばかりなのですが((汗)、

ajaxは使わずに

 $(ボタンのセレクタ).submit(function(e) {
 return e.preventDefault(); 
 return false;
 });

でリロードせずに同一ページ内でのpostの送受信が行えます。`

Comments

[mari.rinn]

すみません、やりたいことは要は入力値のチェックですかね？

もしそうならjQueryでやれば良いと思うのですがPHPでないとダメですか？

jQueryでも良いなら、
```
$(ボタンのセレクタ).on("click",function(){
var text=$("textarea").val();

//もし字数制限が200文字と仮定して
if(text.length > 200){
$(this).off('submit'); //送信停止
$(結果表示のセレクタ).html("入力文字数は200字以内でお願いします");
}
});
```
のようにすれば良いですけど。

[kaito2414]

はい、入力値のチェックです。
サーバー側で制御したいのでPHP側でチェックを行いです。