AJAX+JSON

一.JSON

1.概念：JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。

JSON处理的类库
	阿里--------->fastjson	

2.json的格式

1.单个对象var obj = {"属性名":值, "属性名2":"值2","":"","":""}obj.属性名
2.数组（多个对象）[10, "hello", true, {id:1,name:"tom",addes:[,,]}];

3.fastJson

1.相关的jar
<!--fastjson-->
<dependency>
  <groupId>com.alibaba</groupId>
  <artifactId>fastjson</artifactId>
  <version>1.2.47</version>
</dependency>
2.转换java对象为json字符串
List<Dept> list = deptService.queryAll();
String s = JSON.toJSONString(list);
response.setContentType("application/json;charset=UTF-8");
PrintWriter writer = response.getWriter();
writer.print(s);
return null;

二.ajax+json

1.JavaScript转换json字符串 到 JS对象的方法var obj = eval("("+jsonString+")");
2.jQuery转换json字符串 到 JS对象的方法	var obj = $.parseJSON(jsonString);        var obj = JSON.parse(jsonString);

三.jQuery对ajax请求发封装

1.$.ajax(url,[settings]) 发送get和post方式的ajax请求

url: 代表 要发送到的server资源地址
settings： 可选，是JSON格式
	{		
		type:"get|post",     // 发送请求的方法
		data:"名=值&名2=值2"     // 请求数据，可以是"名=值&名2=值2" 也可以是 {名:值,名2:值2}		
		success:function(data[,响应状态信息, xhr对象]){    // 成功后的回调函数，参数 data-响应结果（是JS对象）                         
		 // DOM编程		
	} ,		
	dataType:"json"   // 预期的结果类型（结果类型和实际数据的类型一致，才能拿到数据）	
	}

2.$.get(url, 请求数据,成功后的回调函数, 预期的结果类型)

只能发送get方式的ajax请求。

3.$.post(url, 请求数据,成功后的回调函数, 预期的结果类型)

只能发送post方式的ajax请求。