[HTML][JavaScript][PHP] <a>タグでPOST送信したい

実現したいこと

index.phpでヘッダーの「登録」ボタンを押すと$userという変数がtoroku.phpに送られ、画面が遷移する。というプログラムを実現させたいです。

以下のプログラムを実行したところ
Warning: Undefined array key "user" in C:\xampp\htdocs\closet\toroku.php on line 2
NULL
となってしまいます。改善点をご教授いただきたいです。

index.php
<?php $user='aaaa'; ?>//別のページからPOSTで受け取った引数
<html>
<head>
<script src="index.js"></script>
</head>
<body><!--本体-->
    <header>
        <h1 class="title"><a href="index.php">closet</a></h1>
        <nav class="nav">
          <ul class="menu-group">
            <form>
            <input type="hidden" id=user name="user" value="<?php echo $user; ?>">
            </form>
            <li class="menu-item" id="toroku"><a href=toroku.php>登録</a></li>
</header>
<body>

index.js
$(function(){
    $("#toroku").click(
    function(){
      let user= $("#user").val();
      $.ajax({
        type: "POST",
        url: "toroku.php",
        data:{"user": user},
        dataType : "json"
      }).done(function(data) {
            alert("ok");
      }).fail((XMLHttpRequest, _textStatus, errorThrown) => {
              alert("error");
          });
    });
  });

toroku.php
<?php
$user=$_POST['user'];
var_dump($user);
?>

m.ts10806

2022/01/23 03:46 編集

index.phpの「ページのソースを表示」で想定のコードになっているのでしょうか。あと、POSTメソッドでの送信できてないように思います。何を参考にこのコードを書かれたのでしょうか。 open()関数の第２引数が文字列じゃなくそういう変数になってるように見受けられます（たぶんエラー出てます）

beans

2022/01/23 05:19

https://qiita.com/hanaita0102/items/9e2f7984ecb71440c322 こちらのサイトを参考にコードを大幅改善してみました。$userを「index.js」でどう扱うかがいまいち理解できず、「index.php」内の<input　id=user>の部分から参照できないかと思いコードをかきました。しかし、結果に変化はありませんでした。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう！