ajaxで非同期通信。処理の流れをざっくり解説 - Qiita

GET /groups/:group_id/messages(.:format) messages#index POST /groups/:group_id/messages(.:format) messages#create $(function() { // 省略 $('.msg_form').on('submit', function(e) { e.preventDefault(); // ここでフォームのsubmitイベントを中止。 var api_url = window.location.pathname; // ajaxでリクエストを送る際のパス取得 var formdata = new FormData($(this).get(0)); // formdataオブジェクトとして、フォームに入力した値を取得 // 以下のコードでformdataの中身を確認できる（らしい） /