victory的博客

长安一片月，万户捣衣声

0%

SpringMVC | 处理json

发表于 分类于 ， ， ，

处理json

1.项目目录

注意：
1.按照上图创建项目、导入图中所示的jar包并按照REST-CRUD中的
web.xml、springMVC配置配置文件；
2.src下的dao、bean包中的代码参照REST CRUD；

3.index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="${pageContext.servletContext.contextPath}/css/index_work.css" />
<script type="text/javascript" src="${pageContext.servletContext.contextPath}/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("#btn").click(function(){
            $.ajax({
                url:"testJson",
                type:"POST",
                dataType:"json",//dataType="text" 原样显示
                success:function(msg){
                    //alert(msg);
                    /*
                    [{"id":1001,"lastName":"E-AA","email":"aa@163.com","gender":1,"department":{"id":101,"departmentName":"D-AA"}},
                     {"id":1002,"lastName":"E-BB","email":"bb@163.com","gender":1,"department":{"id":102,"departmentName":"D-BB"}},
                     {"id":1003,"lastName":"E-CC","email":"cc@163.com","gender":0,"department":{"id":103,"departmentName":"D-CC"}},
                     {"id":1004,"lastName":"E-DD","email":"dd@163.com","gender":0,"department":{"id":104,"departmentName":"D-DD"}},
                     {"id":1005,"lastName":"E-EE","email":"ee@163.com","gender":1,"department":{"id":105,"departmentName":"D-EE"}}]
                    */
                    /* for(var i in msg) {
                        var emp = msg[i]
                        alert("id="+emp.id+",lastName="+emp.lastName+",departmentName="+emp.department.departmentName);
                    } */
                    
                    //第一种实现方式
                    /* var tb = "<table>"
                    tb += "<tr><th>id</th><th>lastName</th><th>email</th><th>gender</th><th>departmentName</th></tr>"
                    for(var i in msg) {
                        var emp = msg[i]
                        tb += "<tr><td>"+emp.id+"</td><td>"+emp.lastName+"</td><td>"+emp.email+"</td><td>"+emp.gender+"</td><td>"+emp.department.departmentName+"</td></tr>"
                    } 
                    tb += "</table>"
                    $("body").append(tb); */
                    
                    //第二种实现方式
                    $("body").append("<table></table>");
                    $("table").append("<tr><th>id</th><th>lastName</th><th>email</th><th>gender</th><th>departmentName</th></tr>")
                    for(var i in msg){
                        var emp = msg[i]
                        $("table").append("<tr><td>"+emp.id+"</td><td>"+emp.lastName+"</td><td>"+emp.email+"</td><td>"+emp.gender+"</td><td>"+emp.department.departmentName+"</td></tr>");
                    }
                }
            });
        })
    });
</script>
</head>
<body>
    <input id="btn" type="button" value="测试ajax" />
    
    <a href="testJson">测试json</a>
</body>
</html>

2.TestJsonController.java

package com.atguigu.test;

import java.util.Collection;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.atguigu.bean.Employee;
import com.atguigu.dao.EmployeeDao;

@Controller
public class TestJsonController {
    
    @Autowired
    private EmployeeDao dao;
    
    /**
     * springMVC处理json的四个条件
     * 1、导入jackson的jar包
     * 2、在springMVC的配置文件中开启MVC驱动，<mvc:annotation-driven />
     * 3、在处理ajax请求的方法上加上注解@ResponseBody
     * 4、将要转为为json且响应到客户端的数据，直接作为该方法的返回值返回
     * @ResponseBody
     */
    @RequestMapping("testJson")
    @ResponseBody
    public Collection<Employee> testJson(){
        Collection<Employee> emps = dao.getAll();
        return emps;
    }
}