使用ASP.NET MVC 實作購物網站 (二十三) - 使用Ajax清空購物車

昨天我們已經完成使用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. 此時可以發現購物車內所有商品已被清空

這樣就完成了清空購物車內所有商品的功能囉，今天的步驟也是與昨天的步驟相差無幾，只是功能上的差別而已。接下來我們要開始進行購物車流程囉，明天我們繼續。

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