bootstrap5を使用したタブの作成方法について

タブで動的にページの切り替えを行い、各ページに作成したformボタンを押すと、
グラフを描写するようにしたいです。
bootstrap5を使ってタブを作成し、パネル側に、formとajax処理を記載してグラフを出すように記述していますが、
405エラーが出てしまいます。
解決策をご教示いただきたいです。

尚、タブを組み込まない場合はエラーなく動作します。

-------------(参考)---------------------------------------------------

<!----省略---!> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item" role="presentation"> <a class="nav-link active" id="home-tab" data-bs-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a> </li> <li class="nav-item" role="presentation"> <a class="nav-link" id="profile-tab" data-bs-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"> 　　<!----↓ここにform＋ajax処理を記載した。-----!> <form id ="analysis_form action="{% url 'ajax_analysis' obj.id %} method="post"> {% csrf_token %} 　　　 <!----省略---!> </form> <div id="ajax_plot"></div> <script> $('#analysis_form').submit(function 　　　 <!----省略---!> </script> 　　<!----↑ここにform＋ajax処理を記載した。-----!> 　</div> <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"> 　　　　<!----省略-----!> 　</div> </div> <!----省略---!>