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(....);进行赋值。