JSON：JavaScript 对象表示法（JavaScript Object Notation）。

　　JSON 是存储和交换文本信息的语法。类似 XML。

　　JSON 比 XML 更小、更快，更易解析。

　  JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。

使用json来传输单个数据和数组

新建一个数据层：

package com.bean;

public class Dog {

    private String name;

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

    public int getAge() {

        return age;

    }

    public void setAge(int age) {

        this.age = age;

    }

    public String getCategory() {

        return category;

    }

    public void setCategory(String category) {

        this.category = category;

    }

    private int age;

    private String category;

}

实现单个数据传输时：

package com.servlet;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.json.JSONObject;

import com.bean.Dog;

/**

 * Servlet implementation class Testjson1

 */

@WebServlet("/testjson1")

public class Testjson1 extends HttpServlet {

    private static final long serialVersionUID = 1L;

    /**

     * @see HttpServlet#HttpServlet()

     */

    public Testjson1() {

        super();

        // TODO Auto-generated constructor stub

    }

    /**

     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("utf-8");

        response.setCharacterEncoding("utf-8");

        //摸拟从数据库中查询

        Dog d = new Dog();

        d.setName("阿黄");

        d.setAge(2);

        d.setCategory("哈士奇");

        JSONObject obj = new JSONObject();

        obj.put("name", d.getName());

        obj.put("age", d.getAge());

        obj.put("category", d.getCategory());

        JSONObject object = new JSONObject();

        object.put("dog1", obj);

        response.getWriter().append(object.toString());

    }

    /**

     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        doGet(request, response);

    }

}
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

    pageEncoding="ISO-8859-1"%>

<!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=ISO-8859-1">

<title>Insert title here</title>

<script type="text/javascript"src="js/jquery-1.11.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $("#d1").click(function(){

        $.ajax({

            url:"testjson1",

            data:{},

            type:"POST",

            dataType:"JSON",

            success:function(httpdata){

                $("#d2").append("<p>"+httpdata.dog1.name+"</p>");

                $("#d2").append("<p>"+httpdata.dog1.age+"</p>");

                $("#d2").append("<p>"+httpdata.dog1.category+"</p>");

            }

        });

    });

});

</script>

</head>

<body>

<div id="d1">123123123</div>

<div id="d2"></div>

</body>

</html>

效果如下：

传输一组数据时：

package com.servlet;

import java.io.IOException;

import java.util.ArrayList;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.json.JSONArray;

import org.json.JSONObject;

import com.bean.Dog;

/**

 * Servlet implementation class Testjson2

 */

@WebServlet("/testjson2")

public class Testjson2 extends HttpServlet {

    private static final long serialVersionUID = 1L;

    /**

     * @see HttpServlet#HttpServlet()

     */

    public Testjson2() {

        super();

        // TODO Auto-generated constructor stub

    }

    /**

     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("utf-8");

        response.setCharacterEncoding("utf-8");

        Dog d1 = new Dog();

        d1.setName("狗1");

        d1.setAge(1);

        d1.setCategory("品种1");

        Dog d2 = new Dog();

        d2.setName("狗2");

        d2.setAge(2);

        d2.setCategory("品种2");

        Dog d3 = new Dog();

        d3.setName("狗3");

        d3.setAge(3);

        d3.setCategory("品种3");

        ArrayList<Dog> list = new ArrayList<Dog>();

        list.add(d1);

        list.add(d2);

        list.add(d3);

        JSONArray arr = new JSONArray();

        for(Dog d:list){

            //System.out.println(d.getName());

            JSONObject temp = new JSONObject();

            temp.put("name", d.getName());

            temp.put("age", d.getAge());

            temp.put("category", d.getCategory());

            arr.put(temp);

        }

        JSONObject object = new JSONObject();

        object.put("dog1", arr);

        //response.getWriter().append(obj.toString());

        response.getWriter().append(object.toString());

    }

    /**

     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        doGet(request, response);

    }

}
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

    pageEncoding="ISO-8859-1"%>

<!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=ISO-8859-1">

<title>Insert title here</title>

<script type="text/javascript"src="js/jquery-1.11.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $("#d1").click(function(){

        $.ajax({

            url:"testjson2",

            data:{},

            type:"POST",

            dataType:"JSON",

            success:function(httpdata){

                for(var i=0;i<httpdata.dog1.length;i++){

                    $("#d2").append("<p>"+httpdata.dog1[i].name+"</p>");

                    $("#d2").append("<p>"+httpdata.dog1[i].age+"</p>");

                    $("#d2").append("<p>"+httpdata.dog1[i].category+"</p>");

                }

            }

        });

    });

});

</script>

</head>

<body>

<div id="d1">123123123</div>

<div id="d2"></div>

</body>

</html>

实现效果如下：

最新文章

  1. 修改eclipse皮肤
  2. MySQL--将MySQL数据导入到SQL Server
  3. Flex 页面空白或Error ＃2032
  4. win7文件夹共享（不新建账户、不带密码直接访问）
  5. UIlabel设置不同的颜色
  6. ActionBar兼容性的实现方式的要点
  7. struts2 与 OGNL 表达式，jsp中 利用ognl 在valuestack中取值
  8. phper談談最近重構代碼的感受(3)
  9. 表单界面的兼容PC手机端解决方案
  10. Big big world
  11. Oracle截取JSON字符串内容
  12. 对JS闭包和函数作用域的问题的深入讨论，如何理解JS闭包和函数作用域链？
  13. css设置input获得焦点的样式
  14. 使用map()的小陷阱：parseInt
  15. 记一次服务器路由跟踪 （2019-01-23 TODO）
  16. java学习-http中get请求的非ascii参数如何编码解码探讨
  17. SQL Fundamentals: 分组统计查询(FROM-WHERE-GROUPBY-HAVING-SELECT-ORDER BY)
  18. office word 2010 怎么把左侧的标题大纲调出来？
  19. ubuntu 14.04 安装 glog
  20. [推荐] 网络侦查工具 NMAP 简单入门

热门文章

  1. JavaScript_6_函数
  2. HDU 4283 You Are the One （区间DP，经典）
  3. 认识CoreData—初识CoreData
  4. tpcc-mysql 实践
  5. appium---命令行启动appium
  6. python整体图
  7. 安全错误使用CORS在IE10与Node和Express及XMLHttpRequest: 网络错误 0x4c7, 操作已被用户取消
  8. Java获取yml里面的配置
  9. VIM+ctags+cscope用法
  10. sql快速删除所用表，视图，存储过程