Javascriptで複数のデータをFORMから送信したい

Question

前提

Javascriptで複数のデータをFORMから送信したいです。teratail既出の類似の問題でしたが、それを試してみても上手く動きません。PHPには自信がありますが、Javascriptにはほとんと知見がありません。おそらくJavascriptの記述がおかしいのだと思いますが、自己解決できません。

実現したいこと

HTMLのFORM要素のPOSTデータを複数Ajaxで送信したいです。PHP側で$_POST["message"]と$_POST["user"]を受けとりたいです。

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

POSTデータがひとつ目の$_POST["message"]しか送信できません。

該当のソースコード

echo '
		<form method="post" onsubmit="writeMessage(); return false;">
			<input id="message" name="message" type="text" value="" />
			<input id="user" name="user" type="text" value="'.$name.'" />
			<input type="button" value="送信" onclick="writeMessage()">
		</form>
 		<div id="messageTextBox"></div>
';

	var dat = { message : $('#message').val() ,user : $('#user').val() };

	$.ajax({
		type: 'post',
		url: './main.php',
		data: dat
	})
	.then(
		function (data) {
			readMessage();
		},
		function () {
			alert("書き込み失敗");
		}
	);

試したこと

datをひとつにまとめるのではなく、２つに分けたものを合体させてみましたが、ひとつ目のものしか送信できません。

補足情報（FW/ツールのバージョンなど）

PHP7.2

Answer 1

ブラウザで直接当該Javascriptを指定してみてみると、ブラウザがキャッシュしていたことが判明しました。
元々のはPOSTをひとつしかしないものだった為、そのような形になっていたことが判明。
無事、当該Javascriptを更新すると、動作しました。

大変おさがわせいたしました。回答頂きましたおふたかたには深く御礼申し上げます。

Answer 2

どこまでできているのか、細かく分割して確認しましょう。

ブラウザの検証ツールには、ネットワークでどのような通信が行われたかを確認する機能がありますので、それを使えば「正しい値をPOSTできた（けど、PHP側での受取処理以降で失敗している）」のか「POSTした値が正しくない（問題はJavaScriptサイドの送信処理にある）」のか判別できます。

Answer 3

<?PHP
function h($str){
  return htmlspecialchars($str);
}
$message=$_POST["message"]??null;
$user=$_POST["user"]??null;
if($_SERVER["REQUEST_METHOD"]=="POST"){
  print h($message)."<br>\n";
  print h($user);
  exit;  
}
?>
<script>
window.addEventListener('DOMContentLoaded', ()=>{
  btn.addEventListener('click',async ()=>{
    const body=new FormData();
    body.append('message',message.value);
    body.append('user',user.value);
    const txt=await fetch('',{body,method:'post'}).then(res=>res.text());
    messageTextBox.innerHTML=txt;
  });
});
</script>
<form method="post">
<input id="message" name="message" type="text">
<input id="user" name="user" type="text">
<input type="submit" value="送信">
<input type="button" value="fetch" id="btn">
</form>
<div id="messageTextBox"></div>