JSON
JSON 简介
-
AJAX一开始使用的时XML的数据格式，XML的数据格式非常简单清晰，容易编写，但是由于XML中包含了过多的标签，以及十分复杂的结构，解析起来也相对复杂，所以目前来讲，AJAX中已经几乎不使用XML来发送数据了。取而代之的是一项新的技术JSON。
-
JSON是JavaScript Object Notation 的缩写，是JS提供的一种数据交换格式。
-
JS ON对象本质上就是一个JS对象，但是这个对象比较特殊，它可以直接转换为字符串，在不同语言中进行传递，通过工具又可以转换为其他语言中的对象。
-
日常工作中使用的最多的是异步请求+json。
-
例，有如下一个JSON对象：
-
{“name”:”sunwukong” , ”age”:18 , ”address”:”beijing” }
-
这个对象中有三个属性name、age和address
-
如果将该对象使用单引号引起了，那么他就变成了一个字符串
-
‘{“name”:”sunwukong” , ”age”:18 , ”address”:”beijing” }’
-
变成字符串后有一个好处，就是可以在不同语言之间传递。
-
比如，将JSON作为一个字符串发送给Servlet，在Java中就可以把JSON字符串转换为一个Java对象。
-
JSON通过6种数据类型来表示
- 字符串
-
例子：”字符串”
-
注意：不能使用单引号
- 数字：
- 例子：123.4
- 布尔值：
- 例子：true、false
- null值:
- 例子：null
- 对象
- 例子：{“name”:”sunwukong”, ”age”:18}
- 数组
- 例子：[1,”str”,true]
在JS中操作JSON
- 创建JSON对象
-
var json = {“name1”:”value1”,”name2”:”value2” , “name3”:[1,”str”,true]};
-
var json = [{“name1”:”value1”},{“name2”:”value2”}];
- JSON对象转换为JSON字符串
- JSON.stringify(JSON对象)
- JS ON字符串转换为JSON对象
- JSON.parse(JSON字符串)
在Java中操作JSON
-
在Java中可以从文件中读取JSON字符串，也可以是客户端发送的JSON字符串，所以第一个问题，我们先来看如何将一个JSON字符串转换成一个Java对象。
-
首先解析JSON字符串我们需要导入第三方的工具，目前主流的解析JSON的工具大概有三种json-lib、jackson、gson。三种解析工具相比较json-lib的使用复杂，且效率较差。而Jackson和gson解析效率较高。使用简单，这里我们以gson为例讲解。
-
Gson是Google公司出品的解析JSON工具，使用简单，解析性能好。
-
Gson中解析JSON的核心是Gson的类，解析操作都是通过该类实例进行。
-
JSON字符串转换为对象
@Test
public void JsonToJava(){
Gson gson = new Gson();
String jsonStr = "{\"id\":1001,\"name\":\"张三\",\"age\":22,\"dept_id\":1}";
/*存在map中，键值对*/
Map map = gson.fromJson(jsonStr, Map.class);
System.out.println(map);
/*存到Employee对象中*/
Employee employee = gson.fromJson(jsonStr, Employee.class);
System.out.println(employee);
}
- 对象转换为JSON字符串
@Test
public void JavaToJson(){
/*转换单个对象*/
Employee employee = new Employee();
employee.setId(1001);
employee.setName("张三");
employee.setAge(22);
employee.setDept_id(1);
Department department = new Department();
department.setId(1);
department.setDep_name("研发部");
department.setDep_location("上海");
employee.setDepartment(department);
Gson gson = new Gson();
String jsonStr = gson.toJson(employee);
System.out.println(jsonStr);
System.out.println("====================================================");
/*转换对象数组*/
EmployeeDaoImpl employeeDao = new EmployeeDaoImpl();
List<Employee> emps = employeeDao.getEmployee();
String strs = gson.toJson(emps);
System.out.println(strs);
}
JQuery 异步请求返回JSON数据
java代码块：
@WebServlet(name = "GetEmpsJsonStrServlet",urlPatterns = "/getJsonServlet")
public class GetEmpsJsonStrServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request,response);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
Gson gson = new Gson();
EmployeeDaoImpl employeeDao = new EmployeeDaoImpl();
List<Employee> emps = employeeDao.getEmployee();
/*转换成json*/
String jsonStr = gson.toJson(emps);
response.setContentType("text/html;charset=utf-8");
/*写出到页面*/
response.getWriter().println(jsonStr);
}
}
html页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>一键显示信息</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script>
$(function (){
$("#showTable").click(function (){
$.ajax({
url:"getJsonServlet",
type:"post",
dataType:"json",
success:function (data){
var str = "<tr><th>编号</th><th>姓名</th><th>年龄</th>" +
"<th>部门编号</th><th>部门名称</th><th>部门地址</th></tr>";
for(var i = 0; i < data.length; ++i){
var emp = data[i];
str += "<tr align='center'><td>"+emp.id+
"</td><td>"+emp.name+"</td><td>"+emp.age+"</td><td>"+emp.dept_id+
"</td><td>"+emp.department.dep_name+"</td><td>"+emp.department.dep_location +
"</td></tr>";
}
$("#empsTable").html(str);
}
})
})
})
</script>
</head>
<body>
<h1 align="center">员工信息表</h1>
<h1 align="center"><input id="showTable" type="button" value="点击获取员工信息" align="center"></h1>
<table id="empsTable" align="center" width="70%" border="1px" cellspacing="0px">
<tr>
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
<th>部门编号</th>
<th>部门名称</th>
<th>部门地址</th>
</tr>
</table>
</body>
</html>
点击按钮后：
