java返回给前端json有反斜杠 jsoncpp json返回的是什么

转载

蓝梦之翼 2024-08-05 22:52:42

文章标签 json javaweb JSON 字符串 文章分类 Java 后端开发

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);


    }

java返回给前端json有反斜杠 jsoncpp json返回的是什么_javaweb

对象转换为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);
    }

java返回给前端json有反斜杠 jsoncpp json返回的是什么_javaweb_02

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>"++"</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>

点击按钮后：

java返回给前端json有反斜杠 jsoncpp json返回的是什么_JSON_03