jQuery实现的Ajax 验证用户名是否存在源码

1、请求页面AJax.aspx 

HTML代码 

<div> 
<input id=\"txtName\" type=\"text\" /><input type=\"button\" value=\"查看用户名是否存在\" id=\"btn\"  =\"JudgeUserName();\" /> 
<div id=\"showResult\" style=\"float:left\">div> 
div> 

JS代码 

<  type=\"text/ \" src=\"CSS/jquery-1.3.2.js\"></ > 
<  type=\"text/ \"> 
function JudgeUserName() 
{ 
$.ajax({ 
type:\"GET\", 
url:\"AjaxUserInfoModify.aspx\", 
dataType:\"html\", 
data:\"userName=\"+$(\"#txtName\").val(), 
beforeSend:function( HttpRequest) 
{ 
$(\"#showResult\").text(\"正在查询\"); 
//Pause(this,100000); 
}, 
success:function(msg) 
{ 
$(\"#showResult\").html(msg); 
$(\"#showResult\").css(\"color\",\"red\"); 
}, 
complete:function( HttpRequest,textStatus) 
{ 
//隐藏正在查询图片 
}, 
error:function() 
{ 
//错误处理 
} 
}); 
} 
</ > 

2 、页面AjaxUserInfoModify.aspx 

后台代码 

protected void Page_Load(  sender, EventArgs e) 
{ 
string userName = Request.QueryString[\"userName\"].ToString (); 
if (userName == \"James Hao\") 
{ 
Response.Write (\"用户名已经存在！\"); 
} 
else 
{ 
Response.Write (\"您可以使用此用户名！\"); 
} 
}