Ajaxとは Ajaxとは、Webブラウザ上で非同期通信を行い、ページ全体の再読み込み無しにページを更新する方法のことです。 同期通信について 同期通信では、クライアントはwebページ全体の情報(HTMLとそれに紐づくcss,js,imageなどのアセット)をサーバーから受け取って、ページを一から作り直します。 例えばページの一部を変更するだけなのに、他の部分も組み立て直すってことはその分ページの表示に時間がかかっちゃいます。(サーバー側の処理を待つことになる) しかも、このリクエスト〜レスポンスの処理を行っている間は、他の処理を行わずにサーバーからレスポンスが返ってくるのを待ち続ける必要があります(よくあるのが画面が真っ白になって何もできない状態)。 そこでAjaxのような非同期通信を使用すれば、ページ遷移無しに、高速で更新処理を行い、尚且つ、リクエスト〜レスポンスの処理を行っている間も
![【Rails】remote:true形式でAjax通信を行う(お気に入り登録機能のajax化) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/00378cc34b00a6eca0605df17a06347ab1ade236/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwUmFpbHMlRTMlODAlOTFyZW1vdGUlM0F0cnVlJUU1JUJEJUEyJUU1JUJDJThGJUUzJTgxJUE3QWpheCVFOSU4MCU5QSVFNCVCRiVBMSVFMyU4MiU5MiVFOCVBMSU4QyVFMyU4MSU4NiUyOCVFMyU4MSU4QSVFNiVCMCU5NyVFMyU4MSVBQiVFNSU4NSVBNSVFMyU4MiU4QSVFNyU5OSVCQiVFOSU4QyVCMiVFNiVBOSU5RiVFOCU4MyVCRCVFMyU4MSVBRWFqYXglRTUlOEMlOTYlMjkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWYwNTViOGIyMjlkZTUyMGY0MzI2NTJmNWE2YmNiYzQ4%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDByeW90YTIxJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hZTk4NTRhMTE5NzE2ZDI0YzI5YjczMjQ2NDU1OTcxZQ%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gUlVOVEVR%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D7fdf6e61c5c7d6f52a9b5e8d0776249c)