基于jQuery实现Ajax验证用户名是否存在实例


Posted in Javascript onMarch 30, 2016

本文章向大家分享基于jQuery实现的Ajax 验证用户名是否存在的实现代码,需要的码农朋友可以参考一下本文的源代码。

jQuery.ajax概述

HTTP 请求加载远程数据。

通过jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。

$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。
注意: 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。

注意:如果dataType设置为"script",那么在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)
jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。

参数列表:

基于jQuery实现Ajax验证用户名是否存在实例

基于jQuery实现Ajax验证用户名是否存在实例

基于jQuery实现Ajax验证用户名是否存在实例

这里有几个Ajax事件参数:beforeSend ,success ,complete ,error 。我们可以定义这些事件来很好的处理我们的每一次的Ajax请求。注意一下,这些Ajax事件里面的 this 都是指向Ajax请求的选项信息的(请参考说 get() 方法时的this的图片)。
请认真阅读上面的参数列表,如果你要用jQuery来进行Ajax开发,那么这些参数你都必需熟知的。
实例:

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

以上就是本文的全部内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
列表内容的选择
Jun 30 Javascript
根据鼠标的位置动态的控制层的位置
Nov 24 Javascript
toString()一个会自动调用的方法
Feb 08 Javascript
基于jquery的inputlimiter 实现字数限制功能
May 30 Javascript
jquery.simple.tree插件 更简单,兼容性更好的无限树插件
Sep 03 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
js四舍五入数学函数round使用实例
May 09 Javascript
js实现简单计算器
Nov 22 Javascript
jQuery的实例及必知重要的jQuery选择器详解
May 20 Javascript
微信小程序上传图片实例
May 28 Javascript
layui prompt 设置允许空白提交的方法
Sep 24 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
jQuery表格插件datatables用法汇总
Mar 29 #Javascript
基于javascript实现tab切换特效
Mar 29 #Javascript
基于javascript实现简单的抽奖系统
Apr 15 #Javascript
基于javascript实现九宫格大转盘效果
May 28 #Javascript
全屏js头像上传插件源码高清版
Mar 29 #Javascript
js闭包引起的事件注册问题介绍
Mar 29 #Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
Mar 29 #Javascript
You might like
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
CI框架在CLI下执行占用内存过大问题的解决方法
2014/06/17 PHP
php保存二进制原始数据为图片的程序代码
2014/10/14 PHP
php判断当前用户已在别处登录的方法
2015/01/06 PHP
php实现CSV文件导入和导出
2015/10/24 PHP
PDO操作MySQL的基础教程(推荐)
2017/08/18 PHP
Docker 安装 PHP并与Nginx的部署实例讲解
2021/02/27 PHP
Javascript string 扩展库代码
2010/04/09 Javascript
jquery 操作日期、星期、元素的追加的实现代码
2012/02/07 Javascript
IFrame跨域高度自适应实现代码
2012/08/16 Javascript
JS限制上传图片大小不使用控件在本地实现
2012/12/19 Javascript
『jQuery』取指定url格式及分割函数应用
2013/04/22 Javascript
删除select中所有option选项jquery代码
2013/08/12 Javascript
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
2015/03/03 Javascript
JavaScript输出当前时间Unix时间戳的方法
2015/04/06 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
JS数组搜索之折半搜索实现方法分析
2017/03/27 Javascript
js实现文字列表无缝滚动效果
2017/06/23 Javascript
JavaScript如何获取到导航条中HTTP信息
2017/10/10 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
Node爬取大批量文件的方法示例
2019/06/28 Javascript
JS如何实现在弹出窗口中加载页面
2020/12/03 Javascript
[05:08]顺网杯ISS-DOTA2赛歌 少女偶像Lunar青春演绎
2013/12/05 DOTA
[01:32]TI奖金增速竟因它再创新高!DOTA2勇士令状不朽珍藏Ⅰ饰品欣赏
2018/05/18 DOTA
Python数据结构与算法之二叉树结构定义与遍历方法详解
2017/12/12 Python
django 读取图片到页面实例
2020/03/27 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
支持IE8的纯css3开发的响应式设计动画菜单教程
2014/11/05 HTML / CSS
Html5监听手机摇一摇事件的实现
2019/11/07 HTML / CSS
大三毕业自我鉴定
2014/01/15 职场文书
周年庆促销方案
2014/03/15 职场文书
舞蹈教育学专业自荐信
2014/06/15 职场文书
2014年环保局工作总结
2014/12/11 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书