JavaScriptのライブラリJQueryでイベント発火・Ajax（非同期通信を実装する場合） - Qiita

前提 非同期通信 Ruby.Rails 送信フォームが送信（sendボタン押す）されたらカラーのパネルが追加させる実装を行うことを例にする。 ＜例＞発火すると右上に選択した色が非同期通信で表示される。 ※非同期通信の手順をjQuery導入から全て確認したい方のまとめはこちら イベントが発火した際にあることが実行されるようにする ①何をきっかけに（＝イベントは何？） ②イベントきっかけにどんなとこを実行するか この２つを考えながらコードを考える。 「今回は送信ボタンを押したら（イベント）カラーパネルが追加されることが実行される」 ①送信ボタンを押すということは「フォームが送信された時」だと考える。 ②イベントをきっかけにカラーパネルが表示されるにはいくつかの工程が必要だと考える。 →Ajaxを使用（データ関連の引き渡し） →HTMLで変化後の見た目（イベント発火をきっかけに起こる一部見た目の