问题描述ASP.NET Web Forms 常见问题解析回车刷新与表单数据残留问题一asp:TextBox回车导致页面刷新问题描述在 ASP.NET Web Forms 页面中使用asp:TextBox标签时在输入框内按下回车键会导致整个页面刷新已输入的数据消失。原因分析在 ASP.NET Web Forms 架构中如果整个页面都被包裹在一个唯一的form runatserver标签内。asp:Button没有显式设置UseSubmitBehaviorfalse的时候默认为 True这意味着asp:Button例如页面顶部的btn_search、btnAddOpen等这些按钮在被服务器编译并输出到浏览器时会被渲染成 HTML 的input typesubmit所以导致了回车的时候会刷新页面。当 HTML 表单的form中存在typesubmit的按钮时浏览器会启动内置的回车键自动提交机制。用户在表单内任何输入区域按回车都会导致刷新。TextBox设置了TextModeMultiLine为什么回车不是换行而是刷新检查是不是使用了styleflex: 1; ...在特定的浏览器渲染引擎中弹性盒模型的排版计算可能会干扰到事件的正常捕获与传送导致回车的动作传给了外层容器。解决方案全局textarea回车不刷新的方法$(document).ready(function(){$(document).on(keydown,textarea,function(e){if(e.keyEnter||e.keyCode13){e.stopPropagation();}});}并在 TextBox 里加上TextModeMultiLine服务器端控件带有runatserver标志的都是服务器端控件页面控件asp:TextBox TextModeMultiLine服务器会把它编译成标准的textarea问题二新开表单却带入了已存在的表单数据问题描述在 ASP.NET Web Forms 框架中创建新表单会带入上一个打开的表单的数据原因分析创建新表单会带入上一个表单的数据这是由于 ASP.NET Web Forms 核心的 PostBack 机制与 ViewState 机制共同作用导致的。原生的 HTTP 协议是无状态的服务器断开连接后记不住上一次的数据为了让开发人员像开发桌面程序一样方便在 ASP.NET 引入了 ViewState 机制。当服务器控件asp:TextBox, asp:CheckBox被赋予数据时ASP.NET 会在页面生成时将这些数据序列化加密并放在渲染好的页面中的一个隐藏输入框内。input typehiddenid__VIEWSTATEvalue一串很长的加密字符串.../服务器端控件带有runatserver标志的都是服务器端控件。在前端写了清空的逻辑情况下新创建的表单还是带出旧数据的场景里过程是这样的阶段一查看旧的表单后端从数据库读取了旧表单的数据并赋值给页面控件。这时旧数据不仅显示在画面上也被写入了__VIEWSTATE隐藏框。页面随后被渲染并完整地发到用户的浏览器。阶段二前端写了JavaScript逻辑去清空它是操作DOM改变输入框的value但是不会去清除__VIEWSTATE隐藏框里的加密字符串也就是上一个表单里的所有数据还存在只是被隐藏了阶段三如果创建表单的按键是服务器端控件点击的时候会向服务器发起一个postback请求浏览器会把当前网页内所有的表单内容发送给服务器其中就有__VIEWSTATE隐藏框里的数据阶段四服务器收到PostBack请求后在执行后端的方法前服务器会优先执行Load ViewState的内部步骤解密__VIEWSTATE字符串发现有上一张表单的旧数据服务器会自动、强制地把这些旧数据回填到对应的服务器端控件的内存中阶段五回填后服务器再执行这个按键调用的后端方法但如果后端方法没有将所有控件的.Text设为旧数据还会留存在控件的服务器内存中阶段六后端事件执行完毕页面生命周期开始渲染就会从控件内存中获取数据重新打包成新页面和新__VIEWSTATE。浏览器刷新后新表单就会被回填解决方案在后端清空控件的数据例如txtAnalysis_desc.Text;chkaction_is_valid_Y.Checkedfalse;