文章目录
一、全局刷新和局部刷新
1.全局刷新
原理:
2.局部刷新
二、AJax(局部刷新)
不是用表单提交数据的,而是由异步对象提交数据的
1.AJax思维导图
2.同步和异步
异步就是,send发送后程序还可以继续往下执行,当服务器返回数据会,就把值附上
异步就是:send发送后等服务器返回了数据,程序才继续往下走
3.AJax的概念
4.Ajax中使用XMLHttpRequest对象的步骤
异步对象使用的四大步骤:
1.创建异步对象
2.给异步对象绑定事件
3.初始异步请求对象
4.使用异步对象发送请求
5.AJax的请求方式
(6)例子1:求BMI的,不走数据库
结果:初始页面
点提交后,变的只是一部分,这就是局部刷新,网页没有整个加载
第一步:写一个index.html页面,异步对象代替浏览器发送和接收请求,没用表单
第二步:写一个BMIServlet
(7)例子2:输入省份编号,出现省份名称,联系数据库
流程:
1.异步对象代替浏览器向服务器发送请求,把省份编号发送给服务器
2.服务器接收到请求参数后,把值传给数据库,数据库通过编号查询到省份名称后返回给服务器,服务器通过响应对象发送省份名称给异步对象
3.异步对象接收到服务器返回的数据后,修改页面
第一步:写index.html
第二步:controllr层,写servlet类来接收和返回数据,并连通数据库
第三步:dao层,数据库查询和返回数据给controller层
(8)例子3:输入省份编号,点击搜索,下面的空白处同时会出现内容(Json)
服务器只能传一个字符串,使用Json就能获得一个对象
使用服务器用json格式来传递数据
第一步:写一个myajax.html页面,把接收到的json字符串转换为json对象,并修改页面
第二步:在entity层下写一个province实例对象来接收数据库的数据
第三步:在dao层写一个方法把查询到的信息放到province对象中返回给controller层
第四步:在controller层下写一个jsonprovince类来接收异步对象的请求,并联系数据库,把得到的对象转换为json格式发给异步对象
6.Jquery实现ajax请求(重点)
1.思维导图
$.get(url,请求的参数,数据返回的处理函数,数据返回格式)
如:
$.post同理
2.详细介绍
主要使用的是:url,data,dataType,success
(3)例子3改进
(4)多级查询
切换省会自动跳出地名
一、获取省级名称
异步对象是用 $.ajax写的
第一步:写页面
第二步:在index上写ajax的请求
第三步:从数据库获取省的名称
第四步:controller层接收数据库的数据,并转化成json格式,发送给异步对象
第五步:index接收并修改页面
二、通过省级名称获取城市名称
异步对象是$.get写的
第一步:给省级下拉标签绑定一个change事件,获取选中的地名的value值,通过get方式发送给服务器
第二步:dao层数据库通过省级的id获取城市
第三步:controller层获取异步对象上传的参数,发送给数据库,并把从数据库得到的数据转换成json,发送给异步对象
第四步:异步对象得到数据,通过city方法修改页面