ajax服务器文本框自动填充值

这样的话就增加了服务器的负担。后面自己他细想了一下。想利用创建交互式、快速动态网页应用的网页开发技术去实现这样一个效果。代码如下：前台代码：复制代码代码如下：%@页面语言=' c# ' AutoEventWireup=' true ' CodeFile=' servertextbox '数据。aspx。cs“Inherits=”默认为3 ' % 1！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title通过用户名自动填充用户其他信息/title脚本语言=' JavaScript ' type=' text/JavaScript ' src=' http : Ajax/jquery。js /脚本脚本语言=' JavaScript '类型=' text/JavaScript '//获取用户名文本框的值函数writtedatatext(){ var username=$(' # Txtusename ').val()；if(username.length==0) { alert('输入的用户名不能为空');返回；} //执行通过用户名查找用户的相关信息$.ajax({ type:'POST '，URL : ' servertextbox数据。aspx '，data:{action:'action '，Username:username}，success : writtedatatextcallback })}//通过用户名查找用户的相关信息的回调函数函数writtedatatextcallback(r){ if(r==' no '){ alert('输入的用户名不存在。

请重新输入');} else { var data=r；var Array=new Array()；array=data.split('，')；//为文本框赋值$(' #全名')。val(数组[0]);$('#Email ').val(数组[1]);$(' #手机').val(数组[2]);$('#qq ').val(数组[3]);} }/脚本/标题正文表单id=' form 1 ' runat=' server ' div align=' center ' table style=' text-align : center；宽度：800 px ' tr style='底色：黄色；宽度：800 px ' TD colspan=' 2 ' style=' text-align : center ' font size=' 5 ' color=' red '用户详细信息/font/TD/tr trtd col span=' 2 ' style=' text-align : left '用户名称：AsP : TextBox ID=' Txtusename ' runat=' server '/AsP : TextBox/TD/tr trtd style=' text-align : left；宽度：400像素用户全名：AsP : TextBox ID='全名' runat=' server ' ReadOnly=' true '/AsP : TextBox/tdtd style=' text-align 3360 left；宽度：400像素用户邮箱：AsP : TextBox ID=' Email ' ReadOnly=' true ' runat=' server '/AsP : TextBox/TD/tr trtd style=' text-align 3360 left；宽度：400像素手机号码：AsP : TextBox runat=' server ' ID=' mobile phone ' ReadOnly=' true '/AsP : TextBox/tdtd style=' text-align 3360 left；宽度：400像素用户QQ:AsP : TextBox runat=' server ' ID=' QQ ' ReadOnly=' true '/AsP : TextBox/TD/tr/table/div/form/body/html后台代码：复制代码代码如下：使用系统；使用系统。数据；使用系统。配置；使用系统。收藏品；使用系统网络.使用系统。网络安全；使用系统网络。用户界面使用系统。网络控件；使用系统。网页组件；使用系统网络。UI。HtmlControls使用系统数据。程序公共部分类默认值3 :系统网络。ui。page { string StrAction=受保护的无效页面_加载(对象发送方，事件参数e){ StrAction=Request[' action ']；//为服务器控件添加失去焦点的事件让服务器控件不刷新的关键Txtusename .属性。添加(“on bulr”、“WriteDataText()”)；Txtusename .焦点();if (StrAction=='action') { //获取用户输入的名称字符串用户名=请求['用户名'];if(！Isusername(用户名)){响应clear()；回应内容类型=“应用程序/文本”；回应。写('否');回应end()；} else { InitData(用户名);} } } ///摘要///创建人：周昕///创建时间：2009-06-11 ///方法名称：InitData ///作用：查找用户的详细信息////summary///param name=' username '/param public void InitData(字符串用户名){ SqlConnection mycon=new SqlConnection()；迈肯。连接字符串=配置管理器连接字符串['BoBoConn'].ToString()；字符串sql='从登录用户中选择全名、电子邮件、手机、QQ、其中用户名=' '用户名' ';迈肯open()；SqlCommand mycom=new SqlCommand(SQL，mycon)；SqlDataReader myda=mycom .ExecuteReader()；而(梅达.read()){字符串全名=myda['全名'].ToString()；字符串Email=myda['Email'].ToString()；string手机=myda['手机'].ToString()；字符串QQ=myda['QQ'].ToString()；字符串数组=全名、‘邮箱’、‘手机’、‘QQ；回应clear()；回应内容类型=“应用程序/文本”；回应写(数组);回应end()；} } ///摘要///创建人：周昕///创建时间：2009-06-11 ///方法名称：Isusername ///作用：返回弯曲件值判断用户是否存在////summary////param name=' username '/param////returns/returns public bool Isusername(字符串用户名){ SqlConnection mycon=new SqlConnection()；迈肯。连接字符串=配置管理器连接字符串['BoBoConn'].ToString()；字符串sql='从操作员管理中选择计数(*)，其中用户名=' '用户名迈肯open()；SqlCommand mycom=new SqlCommand(SQL，mycon)；int n=(int)mycom .执行标量()；迈肯close()；if(n 0){ 0返回true} else {返回false} } }效果：运行前只有用户名文本框可用

用户输入用户名时：鼠标离开文本框，效果如下：。