Ajaxで手数料と利益の計算をするの巻①

Ajaxとは

Asynchronous JavaScript and XMLのことで、JavaScriptを使用して非同期にサーバーとやり取りするための技術です。 これにより、ページをリロードせずにデータを取得したり送信したりすることができます。

loadイベントとturbo:loadイベントがありますが、後者がAjaxです。 loadイベントの場合、ページ全体が再読み込みされます。 turbo:loadイベントの場合、ページの一部の要素だけが非同期的に更新されます。

window.addEventListener('turbo:load', () => {

このように記述すると非同期通信となり、ページ全体がリロードされないことでより動的で迅速なウェブアプリケーションとなります。 わたしは両方で記述して操作してみましたが、体感的にはまったくわかりませんでした。 目に見えないJavaScript のがんばりなのでしょうか。

先日の続きでJavaScript の実装に取り組んでおります。 いやぁ、なかなか入ってこない、JavaScript さん... 苦手やわぁ。

カリキュラムを見返しつつ、いろいろ検索しつつ、なんとかできた！ JavaScript の指先に少しふれられた気がした。

最終課題ではmustではありませんでしたが、復習を兼ねてitemのテストコードを書いてみよう！ と軽い気持ちで手を付けたらまぁ大変。 テストがスムーズに通るまでに半日以上かかってしまいました... 次回へ続く...