human
ajaxでフォームを送信するためにJavaScriptでスクリプトを書くのを手伝ってくれますか？
gpt
もちろんです！JavaScriptでAjaxフォームを送信する基本的な例です：

// フォームと送信ボタンを選択する
const form = document.querySelector('#myForm')；
const submitBtn = document.querySelector('#submitBtn')；

// submitボタンにイベントを追加する
submitBtn.addEventListener('click', (event) => { // サブミットボタンのデフォルトの動作を防止します。
  // サブミットボタンのデフォルト動作を防ぐ
  event.preventDefault()；
  
  // XMLHttpRequest の新しいインスタンスを作成します。
  const xhr = new XMLHttpRequest()；
  
  // XMLHttpRequest オブジェクトのセットアップ
  xhr.open('POST', '/my-submission-path')；
  xhr.setRequestHeader('Content-Type', 'application/json')；
  
  // フォームデータをJSONオブジェクトに変換する
  const formData = new FormData(form)；
  const jsonData = {}；
  formData.forEach((値, キー) => { jsonData[key] = JSONオブジェクトに変換する。
    jsonData[key] = value；
  });
  
  // フォーム・データをAjaxで送信する
  xhr.send(JSON.stringify(jsonData))；
  
  // サーバー応答を処理する
  xhr.onload = () => { 以下のようにします。
    if (xhr.status === 200) { 以下のようにします。
      console.log('The form was submitted successfully')；
    } else {
      console.error('There was an error submitting the form')；
    }
  };
});


このスクリプトは、POSTリクエストで"/my-submission-path "にフォームデータを送信します。フォームデータはJSONオブジェクトに変換され、リクエストのボディに送信されます。サーバー レスポンスは xhr.onload 関数で処理されます。my-submission-path "をアプリケーションに適したパスに置き換えることを忘れないでください。