国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于jQuery實現的Ajax 驗證用戶名是否存在的實現代碼

2019-11-20 23:52:22
字體:
來源:轉載
供稿:網友
實例:
1、請求頁面AJax.aspx
HTML代碼
復制代碼 代碼如下:

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

JS代碼
復制代碼 代碼如下:

<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>

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 ("您可以使用此用戶名!");
}
}

3 、運行界面

(1)初始化界面

(2)正在查詢提示頁面

(3) 驗證用戶名已經存在頁面

(4)  驗證用戶名未存在頁面

至此 AJAX驗證用戶名是否存在的功能已經完成。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 和龙市| 曲阜市| 洪湖市| 杭锦旗| 四子王旗| 行唐县| 镶黄旗| 高州市| 南宫市| 古蔺县| 澜沧| 图片| 渑池县| 左云县| 宁河县| 长宁区| 巧家县| 鄢陵县| 梁河县| 金阳县| 北安市| 工布江达县| 类乌齐县| 石家庄市| 邵阳市| 岑巩县| 嘉峪关市| 永定县| 海原县| 长海县| 扬州市| 沐川县| 湘阴县| 青河县| 宣武区| 沙洋县| 盐山县| 浑源县| 垣曲县| 海原县| 松潘县|