9.2 イテレーションD2 Ajax based Cart

RJS を利用して Ajax 通信のカートを実装した
kyanny · Jan 21, 2010 · 3d81f52 · 3d81f52
1 parent be42c93
commit 3d81f52
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/depot/app/controllers/store_controller.rb b/depot/app/controllers/store_controller.rb
@@ -14,7 +14,9 @@ def add_to_cart
         @cart = find_cart
         @cart.add_product(product)
         session[:counter] = 0
-        redirect_to_index
+        respond_to do |format|
+            format.js
+        end
     rescue
         logger.error("無効な商品#{params[:id]}にアクセスしようとしました")
         redirect_to_index("無効な商品です")

diff --git a/depot/app/views/layouts/store.html.erb b/depot/app/views/layouts/store.html.erb
@@ -6,6 +6,7 @@
 <!-- START:stylesheet -->
   <%= stylesheet_link_tag "depot", :media => "all" %><!-- <label id="code.slt"/> -->
 <!-- END:stylesheet -->
+<%= javascript_include_tag :defaults %>
 </head>
 <body id="store">
   <div id="banner">

diff --git a/depot/app/views/store/add_to_cart.js.rjs b/depot/app/views/store/add_to_cart.js.rjs
@@ -0,0 +1 @@
+page.replace_html("cart", :partial => "cart", :object => @cart)
diff --git a/depot/app/views/store/index.html.erb b/depot/app/views/store/index.html.erb
@@ -7,7 +7,9 @@
   <%= product.description %>
   <div class="price-line">
     <span class="price"><%= number_to_currency(product.price) %></span>
-    <%= button_to "カートに入れる", :action => "add_to_cart", :id => product %>
+    <% form_remote_tag :url => { :action => "add_to_cart", :id => product } do %>
+    <%= submit_tag "カートに入れる" %>
+    <% end %>
   </div>
 </div>
 <% end %>