[jQuery] フォームをJSONにしてPOSTする

あらまし

jQueryを使って、HTMLのフォームでsubmitボタンを押したときにAjaxでPOSTするコードをここにメモしておく。

コード

$('#postForm').submit((event) => {
  $.post({
    url: "/path/to/post",
    data: $('#postForm').serialize(), // ここで#postFormをもっかい書くのやだなあ
    success: () => { console.log('success'); },
    dataType: 'json',
  })
  event.preventDefault();
})

preventDefault()しておかないと、普通にPOSTも走ってページ遷移してしまうようだ（試してない）。

追記

// ここで#postFormをもっかい書くのやだなあ

コメント頂きましたが、$(event.currentTarget)と書けるようです。
やったね！

参考

• https://api.jquery.com/jQuery.post/
• https://api.jquery.com/submit/