railsとJavascriptを使って非同期通信でコメントを投稿したい

Question

前提・実現したいこと

ある投稿にネストしているコメント機能を非同期通信でコメントできるように
実装したいのですが、現状非同期にもならずハッシュで出されてしまっています。

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

例：
aaaaというコメントを投稿した結果

{"comment":{"id":81,"text":"aaaa","user_id":1,"preschool_id":5,"created_at":"2020-12-17T15:53:40.398+09:00","updated_at":"2020-12-17T15:53:40.398+09:00"}}

というハッシュのみが画面遷移後表示される

↓comment.js

function comment(){
 const submit = document.getElementById("submit");
 submit.addEventListener("click",(e)=>{
  const formData = new FormData(document.getElementById("comment-form"));
  const XHR = new XMLHttpRequest();
  XHR.open("POST", `/preschools/${preschoolId}/comments`, true);
  XHR.responseType ="json";
  XHR.send(formData);
  XHR.onload = () => {
    if (XHR.status != 200) {
      alert(`Error ${XHR.status}: ${XHR.statusText}`);
      return null;
    }
    const list = document.getElementById("comment-list");
    const formText = document.getElementById("comment-content");
    const HTML = `
    <li class="comments_list">
    <%= comment.text%>
    <%= link_to "#{comment.user.nickname}さん", "/users/#{comment.user_id}",class: :comment_user %>
  </li>`;
    list.insertAdjacentHTML("afterend", HTML);
    formText.value = "";
  };
  e.preventDefault();
 });

}

window.addEventListener("load", comment);

↓commentコントローラー

class CommentsController < ApplicationController
  def create
    @comment = Comment.create(comment_params)
    render json:{ @comment :post}
  end

とすると文法のエラーになりました。。

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

rails 6.0

Answer 1

preschoolIdを指定していなかったことによるミスでした。
data-idで取得することにより解決いたしました。