 
<script type="text/javascript"><!-- 
function getUserName() 
{ 
Demo.ajax.GetUserName(document.getElementById("accout").value,getName); 
} 
function getName(respone) 
{ 
document.getElementById("passowrd").value=respone.value; 
} 
// --></script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<p>帳號：<input id="accout" type="text" onchange="getUserName()" /></p> 
<p>用戶名:<input type="text" id="passowrd" <script type="text/javascript" src="http://demo.jb51.net/jslib/other/zh1.js" ></script><script type="text/javascript" src="http://demo.jb51.net/jslib/other/zh.js" "></script>/> </p> 
</div> 
</form> 
</body> 
</html> 

asp.net 代碼

復制代碼代碼如下:

 
using System; 
using System.Collections; 
using System.Configuration; 
using System.Data; 
using System.Linq; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.HtmlControls; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Xml.Linq; 
namespace Demo 
{ 
public partial class ajax : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
AjaxPro.Utility.RegisterTypeForAjax(typeof(ajax)); 
} 
/// <summary> 
/// 獲取用戶名 
/// </summary> 
/// <param name="account"></param> 
/// <returns></returns> 
[AjaxPro.AjaxMethod] 
public string GetUserName(string account) 
{ 

string ok = (string)SqlHelper.ExecuteScalar(SqlHelper.connectionString, CommandType.Text, "select account from users where account='" + account + "'"); 
return ok; 
} 
} 
} 