9、购物车功能完善与 AJAX 集成实战

购物车功能完善与 AJAX 集成实战

在电商应用开发中，购物车功能是核心模块之一。本文将详细介绍如何完善购物车功能，包括添加清空购物车按钮、优化代码结构，以及如何引入 AJAX 技术提升用户体验。

迭代 C4：完善购物车

在开发过程中，发现新的购物车显示存在一个小问题：无法清空购物车中的商品。因此，本次迭代的目标是实现清空购物车的功能。

1. 添加清空购物车按钮

首先，在模板中添加一个按钮，用于触发清空购物车的操作。使用 button_to 方法，代码如下：

<h1>Your Pragmatic Cart</h1>
<ul>
  <% for cart_item in @cart.items %>
    <li><%= cart_item.quantity %> &times; <%= h(cart_item.title) %></li>
  <% end %>
</ul>
<%= button_to "Empty cart", :action => :empty_cart %>

2. 实现清空购物车方法

在控制器中实现 empty_cart 方法，该方法将购物车从会话中移除，并设置一条提示消息，然后重定向到首页。代码如下：

def em