谈谈对于ajax的理解和ajax一个实例分析。
2018-01-08 21:29
363 查看
ajax就是异步数据获取技术。使得我们无需刷新网页就可以发送和取得数据。
案例:异步检验用户名是否正确。
1:为输入框绑定事件。
1:$(function(){}:此函数表示页面加载完毕。
2:$("#username")定位到username
3:.blur当元素失去焦点时发生blur事件。
4:alert()用于显示一个带有指定消息和一个ok按钮的警告栏。
2:获得输入的内容。
1 var:声明作用,声明某个变量。
2:.val()获取符合元素的当前值。
3:去服务端校验该用户名是否存在用到ajax
$.post()方法。
1:url地址,用一个pagecontext.request.contextPath.
2: 传参{“username”:usernameInput}
3:回调函数用function(date)进行参数回调。
4:客户端基本完成接下来写服务端。用servlet写
1:获得要校验的用户名:用request.getParameter获取接收的参数
2:
1传递username到service层。
UserService service =new UserService();
boolean isExist=service.checkUsername(username);
2:service调用dao层
UserDao dao=new UserDao();
Long isExist=dao.checkusername(username);
3:dao层实现
1:用了一个queryrunner方法是jdbc的核心类
2:查询sql语句使用了count(*)代表查询表中的所有
4: isExist>0?true:false;
5:后台返回json与前端对应。
内部转义。
6:根据返回的isExist动态显示信息。
$(...).html(....);进行赋值。
案例:异步检验用户名是否正确。
1:为输入框绑定事件。
1:$(function(){}:此函数表示页面加载完毕。
2:$("#username")定位到username
3:.blur当元素失去焦点时发生blur事件。
4:alert()用于显示一个带有指定消息和一个ok按钮的警告栏。
2:获得输入的内容。
1 var:声明作用,声明某个变量。
2:.val()获取符合元素的当前值。
3:去服务端校验该用户名是否存在用到ajax
$.post()方法。
1:url地址,用一个pagecontext.request.contextPath.
2: 传参{“username”:usernameInput}
3:回调函数用function(date)进行参数回调。
4:客户端基本完成接下来写服务端。用servlet写
1:获得要校验的用户名:用request.getParameter获取接收的参数
2:
1传递username到service层。
UserService service =new UserService();
boolean isExist=service.checkUsername(username);
2:service调用dao层
UserDao dao=new UserDao();
Long isExist=dao.checkusername(username);
3:dao层实现
1:用了一个queryrunner方法是jdbc的核心类
2:查询sql语句使用了count(*)代表查询表中的所有
4: isExist>0?true:false;
5:后台返回json与前端对应。
内部转义。
6:根据返回的isExist动态显示信息。
$(...).html(....);进行赋值。
相关文章推荐
- 深入理解函数内部原理(2)——对一个函数实例进行深入的分析
- 一个Ajax简单实例分析
- (Java2D 学习笔记系列) (一)一个简单的图像填充实例及其分析理解
- 一个AJAX+Database+XML的实例分析.(ajaxImage)
- (Java2D 学习笔记系列) (一)一个简单的图像填充实例及其分析理解
- 一个简单Ajax类库及使用方法实例分析
- 深入理解PHP内存管理之一个低概率Core的分析
- 透过一个实例理解C++语言的explicit关键字
- php与Ajax(三)—无刷新验证用户名实例之分析
- 参考别人的分析对于Volley的理解(三)
- Problem Description 输入n(n<100)个数,找出其中最小的数,将它与最前面的数交换后输出这些数。 Input 输入数据有多组,每组占一行,每行的开始是一个整数n,表示这个测试实例的数值的个数,跟着就是n个整数。n=0表示输入的结束,不做处理。 Output 对于每组
- 第一周:通过汇编一个简单的C程序,分析汇编代码理解计算机是如何工作的
- 一个简单实例的LR分析过程
- ANR的一个实例分析
- 实例分析一个简单的Win32程序
- php+jquery+ajax+json的一个最简单实例
- AJAX简单异步通信实例分析
- 《深入理解mybatis原理(七)》 MyBatis的架构设计以及实例分析
- 通过一个WPF实例进一步理解委托和事件
- 《深入理解mybatis原理》 MyBatis的架构设计以及实例分析