khirok https://blog.hatena.ne.jp/khirok/ ki-hi-ro https://khirok.hatenadiary.jp/ javascript 非同期通信とは 非同期通信を使用する案件 非同期通信を使った簡単なアプリ 事前準備 作業用ディレクトリを作成する 新規rails アプリを立ち上げる ルーティング、コントローラー、ビューを設定する ローカルサーバーを再起動して、ブラウザを確認する 完成形 構成ファイル ルーティング ビュー コントローラー ジェイソンビルダー javascriptファイル 共通するhtmlファイル 大まかな処理の流れ createアクションが動く データベースにデータが保存される submitイベントが発火する 通常のデータ送信を止める ajax通信がスタートする json形式に振り分けられる json語に翻訳… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkhirok.hatenadiary.jp%2Fentry%2F2020%2F01%2F19%2F%25E9%259D%259E%25E5%2590%258C%25E6%259C%259F%25E9%2580%259A%25E4%25BF%25A1_" title="Railsアプリ / 非同期通信 - ki-hi-ro" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/khirok/20200119/20200119125349.png Hatena Blog https://hatena.blog 2020-01-19 16:43:17 rich https://khirok.hatenadiary.jp/entry/2020/01/19/%E9%9D%9E%E5%90%8C%E6%9C%9F%E9%80%9A%E4%BF%A1_ 1.0 100%