Skip to content

フォーム送信をAjaxで実行&画面更新までできるApplicationController(その2)「要素のバインディング」

by : 2017/05/22

Ajax処理がごく簡単になるApplicationControllerを紹介します。前回はHTML全体を書き換えていましたが、それでは再送できなかったり、不便なことがあるかも知れません。

そこで今回は名前を指定して画面上の一部を更新する方法を紹介します。

今回のHTMLも前回と基本的に同じです。

そしてApplicationControllerも前回と同じです。たったこれだけでサーバへのAjax送信、インジケータ表示、レスポンスのハンドリングができます。

サーバからのレスポンスですが、text/jsonで返すのが特徴です。そしてHashの中でキーと値で新しいコンテンツを返します。

これで実行するとフォーム内の一部だけを更新するようになります。

実際のデモはこちらにて確認できます。サーバ送信部分はモックですが、サーバを立てた場合と同じです。

ApplicationControllerを使えばAjax処理が簡単になるでしょう。

From → hifive, HTML5

コメントは停止中です。

%d人のブロガーが「いいね」をつけました。