ASP.NET中基于首个文本框输入从数据库自动填充其余文本框的实现咨询
该功能完全可以在ASP.NET中实现,根据你使用的ASP.NET技术栈可选以下两种常用方案:
方案1:ASP.NET Web Form 场景
- 给第一个TextBox控件设置
AutoPostBack="True"属性,同时绑定TextChanged服务端事件 - 在后台对应的
TextChanged事件处理方法中,读取第一个文本框的输入值作为查询条件访问数据库 - 将数据库查询到的对应字段值,直接赋值给剩余3个TextBox的
Text属性即可完成自动填充
如果需要避免整页刷新的体验问题,可将4个文本框放入UpdatePanel控件中实现局部刷新
方案2:ASP.NET Core MVC / Razor Pages / 前后端分离场景(体验更优)
- 前端给第一个文本框绑定
blur(失焦触发)或input(输入时实时触发)事件,用JS读取输入的参数值 - 发送AJAX请求到后端写好的查询接口,将第一个文本框的输入值作为入参传递
- 后端接口接收参数后查询数据库,将匹配到的关联数据以JSON格式返回给前端
- 前端解析返回的JSON结果,将对应字段值写入剩余3个文本框即可完成填充
如果选择实时触发的input事件,建议加防抖逻辑,避免频繁向服务端发送请求
内容的提问来源于stack exchange,提问作者Amarnadh.M
相关产品推荐
相关产品推荐

