13、基于Ajax的购物车功能开发与测试

基于Ajax的购物车功能开发与测试

1. 创建基于Ajax的购物车

Ajax 允许我们编写在浏览器中运行的代码，与基于服务器的应用程序进行交互。在我们的场景中，希望“添加到购物车”按钮在后台调用 LineItems 控制器的创建操作。服务器随后仅发送购物车的 HTML，我们可以用服务器的更新内容替换侧边栏中的购物车。

在 Rails 中，我们可以使用 Ruby 和一些 Rails 辅助方法来完成这些操作，而无需编写复杂的 JavaScript 和服务器端通信代码。

1.1 发送 Ajax 请求

在目录页面，我们使用 button_to 创建指向创建操作的链接。要将其改为发送 Ajax 请求，只需在调用中添加 :remote => true 参数。

<% if notice %>
<p id="notice"><%= notice %></p>
<% end %>
<h1>Your Pragmatic Catalog</h1>
<% @products.each do |product| %>
<div class="entry">
  <%= image_tag(product.image_url) %>
  <h3><%= product.title %></h3>
  <%=sanitize product.descript