Maison >interface Web >js tutoriel >基于jQuery实现的Ajax 验证用户名是否存在的实现代码_jquery

基于jQuery实现的Ajax 验证用户名是否存在的实现代码_jquery

WBOY
WBOYoriginal
2016-05-16 18:08:37978parcourir

实例:
1、请求页面AJax.aspx
HTML代码

复制代码 代码如下:



div>
div>

JS代码
复制代码 代码如下:




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验证用户名是否存在的功能已经完成。

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn