昨天我們已經完成使用Ajax將商品從購物車移除的功能了,今天我們要完成清空購物車內所有商品的功能。
今日目標:
*購物車頁面中新增 清空購物車按鈕, 並完成其功能
1. Cart類別新增ClearCart()方法,此方法就是直接將購物車內的cartItems清空。
2. CartController 新增ClearCart() Action , 呼叫步驟1中Cart類別的ClearCart()方法
3. 在[ Views/Shared/_Layout]中新增JavaScript中的ClearCart()方法,呼叫步驟2中CartController 的ClearCart() Action
4. 在[Views/Shared/_CartPartial.cshtml]購物車頁面中新增刪除商品的按鈕,並且呼叫步驟3中JavaScript的ClearCart()
5. 運行專案,任意加入多筆商品,並點選[清空]按鈕
6. 此時可以發現購物車內所有商品已被清空
這樣就完成了清空購物車內所有商品的功能囉,今天的步驟也是與昨天的步驟相差無幾,只是功能上的差別而已。接下來我們要開始進行購物車流程囉,明天我們繼續。
*今天的原始碼請參考這裡