首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

ASP.NET 購物車數量增減功能實現:前端按鈕 + 後端文本框值獲取

     編輯:程式設計疑難解答

交互邏輯

  • 用戶在文本框直接輸入數字,或點擊「+」「-」按鈕增減。
  • 點擊「購買」按鈕時,後端讀取文本框值作為添加數量。

前端實現(WebForms 示例)

<asp:TextBox ID="txtQty" runat="server" Text="0" Width="50px" />
<asp:Button ID="btnPlus" runat="server" Text="+" OnClick="btnPlus_Click" />
<asp:Button ID="btnMinus" runat="server" Text="-" OnClick="btnMinus_Click" />
<asp:Button ID="btnBuy" runat="server" Text="購買" OnClick="btnBuy_Click" />

後端代碼

protected void btnPlus_Click(object sender, EventArgs e) {
    int qty = int.Parse(txtQty.Text);
    txtQty.Text = (qty + 1).ToString();
}
protected void btnMinus_Click(object sender, EventArgs e) {
    int qty = int.Parse(txtQty.Text);
    if (qty > 0) txtQty.Text = (qty - 1).ToString();
}
protected void btnBuy_Click(object sender, EventArgs e) {
    int buyQty = int.Parse(txtQty.Text);  // 獲取最終數量
    if (buyQty > 0) {
        AddToCart(ProductId, buyQty);
    }
}

進階優化(AJAX 無刷新)

  • 按鈕改為 <button type="button">,綁定 $.post 更新數量。
  • 購物車區域用 UpdatePanel 或前端模板引擎局部渲染。
  • 數量變更即時同步至 Session/Redis,避免並發超賣。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved