jquery在.net环境中 利用 Ajax 验证 用户名是否存在，在博客园看到的文章，原文地址已经忘记了.....代码我只是稍作了些改动，对我这个jquery的菜鸟来说，帮助蛮大 呵呵...
ajax.aspx 代码如下
<script type="text/javascript" src="../jq/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function checkOne()
{
$.ajax({
type: "GET",
url: "b.aspx",
dataType: "html",
data: "userName=" + $("#txtName").val(),
beforeSend: function(XMLHttpRequest) {
//$("#showResult").text("正在查询......"); //在查询 等待的时间 执行
// $("#loading").show();
$("#showResult").html("<img src='loading.gif' />");
//Pause(this,100000);
success: function(msg) {
$("#showResult").html(msg);
$("#showResult").css("color", "red");
complete: function(XMLHttpRequest, textStatus) {
// $("#loading").hide();
},
error: function() {
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="checkOne();" />
<div id="showResult" style="float:left"></div><br />
</div>
</form>
</body>
</html>
页面效果图： 正在查询中显示loading.gif
b.aspx 后台代码 如下
protected void Page_Load(object sender, EventArgs e)
//延迟5秒钟
System.Threading.Thread.Sleep(5000);
string userName = Request.QueryString["userName"].ToString();
if (userName == "wjw")
Response.Write("用户名已经存在！");
}
else
Response.Write("您可以使用此用户名！");
}
查询完成 显示出 查询的结果;