【解決方法】HTML 入力タグの値を PHP 変数に取得する

みんなこんにちは

あなたが元気で、世界中の恐ろしい病気から身を守っていることを願っています.

モーダルを開く「詳細」ボタンを含むデータテーブルを取得しました。 対応する行の Id をモーダルに取得することにすでに成功しており、それを入力タグのテキスト フィールドに表示しています。
DB でクエリを実行するために、入力タグ (対応する行 ID) の値を PHP 変数に取得したいと考えています。 問題の入力タグの値は Javascript から取得されます。
調査の結果、AJAX を使用することがこれを達成するための最良の方法であることがわかりましたが、実装したコードはエラーをスローします。

エラーは言う：

Notice: Undefined index: sessionIdToPost in C:\wamp64\www\project apache test\HTML\Sessions_infos.php on line 186

よろしく。

私が試したこと：

これが試したことです
HTML コード:

<td><button type="button" class="btn btn-info sessionDetails" session-id="<?php echo $row['sessionid']; ?>"
                  style="font-family:comic sans Ms ; font-size: 15px; font-weight: lighter;background-color: #3cc1fc;
                  border-radius: 2px;">Détails </button></td>

モーダル コンテンツ:
モーダルでIDを表示する入力タグ

<input type="text" id="sessionId" value="">

javascript側から入力タグの値を取得するPHPコード

$_SESSION['sessionId'] = "";
$_SESSION['sessionId'] = $_POST['sessionIdToPost'];

JS コード:

$(document).ready(function() {
  // when the button will be clicked the function will be called
  $('.sessionDetails').on('click',function(){
//  TO VIEW THE MODAL
      $('#detailsmodal').modal('show');
      //removing previous value
      $("#sessionId").val("");
      //set modal's Id to corresponding Id from table
      $("#sessionId").val($(this).attr("session-id"));

    });

    // This sends the value of the input to the PHP server
        $("#sessionId").change(function(e)
    {
      e.preventDefault();
      var sessionId_data = $(this).val();

      //Send data to server
      $.post("/Sessions_infos.php", {"sessionIdToPost": sessionId_data});
    });

});