iT邦幫忙

DAY 22
0

使用ASP.NET MVC 實作購物網站系列 第 22

使用ASP.NET MVC 實作購物網站 (二十二) - 使用Ajax刪除購物車商品

昨天我們已經完成使用Ajax將商品從商品展示頁加入購物車了,今天我們要完成刪除購物車商品的功能。

今日目標:
*購物車頁面中新增刪除按鈕並完成其功能

1. Cart類別新增RemoveProduct()方法,如果ProductId有存在購物車則移除,若不存在則不做任何動作。

2. CartController 新增RemoveFromCart() Action , 呼叫步驟1中Cart類別的RemoveProduct()方法

3. 在[ Views/Shared/_Layout]中新增JavaScript中的RemoveFromCart()方法,呼叫步驟2中CartController 的RemoveProduct() Action

4. 在[Views/Shared/_CartPartial.cshtml]購物車頁面中新增刪除商品的按鈕,並且呼叫步驟3中JavaScript的RemoveProduct()

5. 運行專案,任意加入多筆商品,並在其中一筆商品中點選刪除圖案[X]

6. 此時可以發現購物車內商品已被刪除了

這樣就完成了刪除購物車商品的功能囉,其實今天的步驟基本上與昨天是差不多的,接下來預計介紹如何完成清空購物車的功能,明天我們繼續囉。

*今天的原始碼請參考這裡


上一篇
使用ASP.NET MVC 實作購物網站 (二十一) - 使用Ajax將商品加入購物車
下一篇
使用ASP.NET MVC 實作購物網站 (二十三) - 使用Ajax清空購物車
系列文
使用ASP.NET MVC 實作購物網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言