ajax学习

地图数据的加载，局部数据加载

ajax是06年兴起的技术，最成功的案例是goole Map（谷歌地图），

ajax~Asyhchronous javaScript and XML

ajax的本质是实现局部刷新，那么下面假设现在要求一个做一个信息的列表页面，但该页面希望用户从5张数据表中读取数据。如果按照传统做法的基本实现如下：

 需要分别为5张数据表定义5个dao操作类

而后需要有一个业务层，调用5个DAO类

进行数据的取出，那么取出的结果在数据层之中应该将其使用

p3——AJAX异步操作，局部刷新；

p4——实现AJAX核心：XMLHttpRequest对象；

p5——XMLHttpRequest对象的属性与方法

p10——AJAX操作总结；

AJAX异步操作流程：XMLHttpRequest请求发送给控制层，控制层返回XML或JSON数据(response.getWriter().print("……"))，页面接收数据并利用javaScript+DOM实现动态HTML;

AJAX核心是XMLHttpRequest对象，XML对象有属性和方法，这些属性和方法构成AJAX模型；

p62——JSON

①JSON作用：数据交换；

②JSON数据结构：{"name":Jams,"skill":["Java","Oracle","Mysql"]};

③JSON传输方式：文本；

p66——JSON数据生成：

①编写字符串生成JSON数据：{"dname":"IT","emps":[{"ename":}]}

②利用JSONObject和JSONArray对象生成JSON数据，p67；

p68——JSONObject对象中可保存list（相当于[]集合），map（相当于{}数据）；

p70——JSON数据读取：

①字符串转换为JSONObject对象：JSONObject obj = JSONObject.fromObject(str)；

②取得key对应value：obj.get("key")

③value = obj.key;

p72——JavaScript接收JSON数据，然后动态生成HTML元素；

p72——javascript中读取json数据：obj.name，直接可以读取出JSONObject对象obj中key为name的内容value；

p73——JavaScript中普通文本数据（字符串）与JSON对象转换函数：eval()；

①var data = "{'name':'James'}";

②var obj = eval("("+data+")");

或者使用

③var obj = JSON.parse(data);

总结：

①JSON数据在java中生成与读取；

②JSON数据在JavaScript中的字符串转换成JSON对象，已经读取；