Ajax知识点（5）

一、全局刷新和局部刷新

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方法修改页面