servlet 和 jsp 技术--02

五、AJAX技术

1、ajax的概念和作用

（1）概念：异步的 xml 和 js；

（2）作用：局部刷新技术；

（3）原理：

• 通过 xhr 对象发送请求，响应并不直接给到浏览器而是给 xhr 对象，最后通过 js 操作 dom 来动态刷新局部；

2、使用

（1）基本流程

• 获取 xhr 对象（兼容问题）
• 获得连接
• 发送请求
• 获得响应并解析
• ajax 状态码判断（0、1、2、3、4）
• 响应状态码判断（200、404、500）

（2）异步和同步

• 默认异步（异步并行，同步等待）

（3）请求方式：get、post

• get：直接在URL 后面拼接请求的参数即可；
• post：

ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");  
ajax.send('name=jack&age=998');

（4）响应的数据格式

• 字符串
• xml：try it
• 一般用于配置文件，前后端的数据的交互一般通过 jsp 过渡；
• servlet 的响应的类型和 jsp 的类型都要改成 xml；
• 数据的获取的方法是 ajax.responseXml，xml 中数据获取实际上就是 dom 操作；
• json：
• 轻量级，可以js 无缝交互，现在的前后端的数据的交互一般都用他；
• servlet 中可以用 Gson 或 fastjson 将java 对象转成 json 的字符串；
• 前端的数据的获取需要用到js 的eval函数，具体的用法如下；

eval('(' + jsonstr + ')')

（5）ajax 的封装：代