ajaxを使用する手順

-XMLHttpRequestを使用できるようにする -リクエストの指定 -レスポンスの形式を指定 -リクエストを送る -コントローラーからレスポンスを受け取る

具体例

//XMLHttpRequestを使用できるようにする
const XHR = new XMLHttpRequest();

//リクエストの指定
XHR.open('GET', `/posts/${postId}`, true);

//レスポンスの形式を指定
XHR.responseType = "json";

//リクエストを送る
XHR.send();

//コントローラーからレスポンスを受け取る
XHR.onload = () => {
  if (XHR.status != 200) {
    alert("Error ${XHR.status}: ${XHR.statusText}");
    return null;
  }
  const item = XHR.response.post;

この場合だとリクエスト送る前に要素を取得してその要素のIdを変数に代入する必要がある．また，onloadの記述ではリクエストがうまく行かなかったときの記述も必要．レスポンスを受け取った際の処理の記述も必要．