複数の画面に跨ってフォームを入力させる場合に、最後のsubmitで今までの入力を同一トランザクションで処理する方法

Question

お世話になっております。
現在RubyOnRailsで開発をしております。

複数の画面に跨ってフォームを入力させる場合に、最後のsubmitで今までの入力を同一トランザクションで処理する方法を模索しています。

作りたい画面のイメージ的には、
①特定のレコードの編集画面に飛ぶ　➔　②編集して次へボタン　➔　③別フォームを入力してsubmit

というイメージです。
submit後には「②のレコードのアップデート」、「③のレコードのinsert」が走ります。
②と③を同一のトランザクションで処理したいと考えているのですが、（③入力時には②のレコードは触らせたくないため）②と③が別画面での入力となるため、③のsubmit時に②の入力も合わせてsubmitさせたいです。

私が思いつく方法としては、②の画面で次へボタンを押した際に、②で入力されたフォームの値をブラウザのlocal storageに貯めておき、③の画面を表示した際にフォームにそれを埋め込んで一緒にsubmitする方法なのですが、他になにかよい方法はありますでしょうか？
あまりjavascriptをゴリゴリ書きたくはないので、gemやライブラリなどで実現出来ればそれが望ましいと考えています。　一般的にこういった画面を実装する際にどのような方法が考えられるか、ご教示頂ければと思います。
よろしくお願い致します。

Answer 1

javascriptを使えるのであれば、非同期通信で画面を切り替えるのが良いと思いますが、それをしたくないということなので、手順としては②のリクエストに基づいて、
③のフォームをレンダリングする方法が一般的かと思います。

順序としては
①編集画面
②次へボタンへクリック
→コントローラでリクエストを受け取り、③の画面とフォームをレンダリング
（②の内容を画面に表示しない場合は、hiddenタグなどで値をもっておく）
③別フォームでsubmit
->②で入力した内容と③で入力した内容をもとに、update及びinsertを行う。

となります。

Comments

[hiepita1]

回答ありがとうございます。
「非同期通信で画面を切り替えるのが良いと思いますが」というのはどういった方法でしょうか？
教えて頂いた方法と同様の方法をAjaxで行い、画面遷移をせずに１つの画面で処理をするということでしょうか？

[version1_2017]

そうですね。js.erbなどを使い画面遷移を行わずにhtmlのDOMを置換して行う形ですね。