51
用 sections 接口渲染购物车抽屉，加购后抽屉打开了，但里面的商品数量和金额还是加购前的。
已采纳 · 提问者确认解决
26
先把判断放在前面：/cart/add.js 只更新购物车服务端状态，不会自动重渲染页面片段，抽屉需要显式请求新的 section HTML。
1处理顺序
- 加购成功后请求
/cart/add.js的返回里带sections，在请求参数中声明sections: 'cart-drawer,cart-icon-bubble'。 - 用返回的 HTML 替换对应容器：
document.querySelector('#cart-drawer').innerHTML = data.sections['cart-drawer']。 - 替换后重新绑定抽屉里的事件，直接改 innerHTML 会丢掉原有监听。
- 抽屉里的数量和顶部购物车角标要一起更新，否则两个数字不一致。
- 并发加购时加一个请求锁，避免两次替换互相覆盖。
验收：连续加购多件商品，抽屉数量、金额、顶部角标三处同步更新。
风
风格技术团队 回答于 1 个月前
