您的位置:首页 > 其它

谈谈对于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(....);进行赋值。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: