商品詳細ページの「カートに追加」ボタンを押しても、くるくる回るだけで、自動反映されません。
Ajaxが反応してないのか、他に問題があるのか原因がわかりません。
また更新をかけるとカートにはしっかり追加されています。
カートに追加をクリックすると、カートページには遷移されずにそのままのページに残りつつ、ヘッダーのカートアイコンの横に数字が加算されていくようにしたいです。
よろしくお願いいたします。
Topic summary
-
背景・課題: 商品詳細ページの「カートに追加」を押しても、処理中のアニメーションが続く一方で、ヘッダーのカート数量がその場で更新されない。ページを更新すると商品はカートに入っているため、サーバー側の追加処理自体は成功している。
-
現象の詳細: クリック後にカートページへは遷移せず、同一ページに留まる挙動。フロント側で数量が反映されないため、ユーザーには追加されたか分かりづらい状態。
-
推測原因: Ajax（非同期通信）もしくはそれに紐づくフロントエンドのイベント処理が正しく発火・完了していない可能性。レスポンスの受け取りやDOM更新が抑止されている疑い。
-
期待する動作: カートページへ遷移しないまま、ヘッダーのカートアイコン横の数字が即時に加算・表示されること。スピナーは完了後に停止すること。
-
参考資料: 挙動を示すスクリーンショットが添付されている。
-
議論の状況: 解決策や設定変更の提案はまだ出ておらず、原因特定は未了。回答待ちの未解決スレッド。
