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

1、请求页面AJax.aspx

HTML代码

div>

div>

JS代码

function JudgeUserName()

{

$.ajax({

type:"GET",

url:"AjaxUserInfoModify.aspx",

dataType:"html",

data:"userName="+$("#txtName").val(),

beforeSend:function(XMLHttpRequest)

{

$("#showResult").text("正在查询");

//Pause(this,100000);

},

success:function(msg)

{

$("#showResult").html(msg);

$("#showResult").css("color","red");

},

complete:function(XMLHttpRequest,textStatus)

{

//隐藏正在查询图片

},

error:function()

{

//错误处理

}

});

}

2 、页面AjaxUserInfoModify.aspx

后台代码

protected void Page_Load(object sender, EventArgs e)

{

string userName = Request.QueryString["userName"].ToString ();

if (userName == "James Hao")

{

Response.Write ("用户名已经存在！");

}

else

{

Response.Write ("您可以使用此用户名！");

}

}