首页 >web前端 >js教程 >jQuery实现的Ajax 验证用户名是否存在源码

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

WBOY
WBOY原创
2016-06-01 09:54:241095浏览

1、请求页面AJax.aspx 

HTML代码 

<code class="language-html"><div> 
<input id="txtName" type="text"><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();"> 
<div id="showResult" style="float:left">div> 
div> 

<p> </p>

<p>JS代码 </p>

<pre class="brush:php;toolbar:false">
<code class="language-javascript"><script type="text/javascript" src="CSS/jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
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() 
{ 
//错误处理 
} 
}); 
} 
</script> </code>

 

2 、页面AjaxUserInfoModify.aspx 

后台代码 

<code class="language-cs">protected void Page_Load(object sender, EventArgs e) 
{ 
string userName = Request.QueryString["userName"].ToString (); 
if (userName == "James Hao") 
{ 
Response.Write ("用户名已经存在!"); 
} 
else 
{ 
Response.Write ("您可以使用此用户名!"); 
} 
} </code>

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
上一篇:JQuery ajax实现用户名无刷新验证下一篇:javascript entries() 方法

相关文章

查看更多