谈谈对于ajax的理解和ajax一个实例分析。

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









  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值