ASP.NET按钮点击触发计数器递增失效问题

ASP.NET WebForm 基于HTTP无状态协议运行，每次点击按钮触发页面回发时，服务端都会重新实例化WebForm1页面对象，你代码中定义的实例字段counter每次实例化都会被重置为初始值1，因此无法实现累加效果。

单页面场景下优先使用ViewState存储计数状态，ViewState会在页面渲染时将值序列化存入页面隐藏域，回发时自动还原值，不会随页面对象重建丢失。
修正后的完整代码如下：

namespace TestButtonClick
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        // 通过属性封装ViewState的读写，初始计数为1
        private int Counter
        {
            get
            {
                if (ViewState["Counter"] == null)
                {
                    return 1;
                }
                return (int)ViewState["Counter"];
            }
            set
            {
                ViewState["Counter"] = value;
            }
        }

        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            Label1.Text = Counter.ToString();
            Counter++;
        }
    }
}

• 如果需要计数在用户整个访问周期内跨页面生效，可以替换为Session存储，读写逻辑和上述代码一致，仅需将ViewState["Counter"]替换为Session["Counter"]即可，注意Session为服务端存储，会占用服务端内存资源。
• 也可以使用页面隐藏域HiddenField控件存储计数，值随表单提交回传，和ViewState同属客户端存储方案，不会占用服务端资源。

内容的提问来源于stack exchange，提问作者bluestar2022