jquery - 无需依赖“更新购物车”按钮即可更新购物车

Question

我正在实施一个相当传统的购物结账流程。目前它的步骤如下：

1. 用户将商品添加到购物车并显示第 1 步（登录或注册为新客户）
2. 用户会看到当前订单的摘要和一些修改订单的控件。确认所需配置后，用户必须单击“继续”才能看到第 3 步，这无异于重新显示摘要并提供 2 种付款方式。
3. 重新确认订单并选择“Bill Me”或“Pay By Credit Card”。

我不喜欢“更新购物车”按钮。目前我们使用 onBlur 来更新购物车，无需用户交互。

我也不喜欢要求用户两次阅读订单摘要并想合并第 2 步和第 3 步。所以我想将 2 个付款选项按钮放在第 2 步的底部。依赖 onBlur 会导致问题与订单用户更改的显示状态之间的同步。

我_认为我们可以为那些修改订单的控件设置 onFocus，禁用支付按钮，直到订单重新呈现到屏幕上并插入一些文本，大意是“您的更改已被记录，请重新确认您的订单，然后选择您喜欢的付款方式。

该页面支持 jQuerfied 和 Ajax，因此这些交互看起来是合理的。但这将是该团队第一次实施此类任何事情，我们对未知数持怀疑态度。

谢谢

Answer 1

更新购物车是执行此操作的传统方式。如果您的页面是 ajaxed，那么最好使用 ajax 更新后端，但提供按钮将减少购物车出错和行为不端的机会。