Ajax 和 Json 基本使用

2、实现方法

二、Json

1、概述

2、Json 语法

3、Json 数据和 Java 数据相互转换

---

一、Ajax

======

1、概述

---

Ajax（ASynchronous  JavaScript  And  XML），即：异步的 JavaScript 和 XML。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新

• 同步：客户端必须等待服务器端的响应，在等待的期间客户端不能做其他操作

• 异步：客户端不需要等待服务器端的响应，在服务器处理请求的过程中，客户端可以进行其他操作

2、实现方法

---

【1】原生的JS实现

1. 创建对象

2. 建立连接

3. 发送请求

4. 接收响应结果

@WebServlet(“/ajaxServlet”)

public class ajaxServlet extends HttpServlet {

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

//获取请求参数

String username = request.getParameter(“username”);

//打印

System.out.println(username);

//响应

response.getWriter().write(“Hello:” + username);

}

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

this.doPost(request,response);

}

}

【2】JQuery实现（有三种方法）

1. $.ajax()：$.ajax({键值对});

2. $.get()：$.get(url,[data],[callback],[type])

url：请求路径

data：请求参数

callback：回调函数

type：响应结果的类型

3. $.post()：$.post(url,[data],[callback],[type])

url：请求路径

data：请求参数

callback：回调函数

type：响应结果的类型

注：服务器响应的数据，在客户端使用时，要想当做json数据格式使用，就要将最后一个参数 type指定为“json”

也可以在服务器端设置MIME类型为json类型：response.setContentType(“application/json;charset=utf-8”);

二、Json

======

1、概述

---

Json（JavaScript  Object  Notation），即JavaScript 对象表示法，Json 现在多用于存储和交换信息的语法，进行网络间数据传输，它比 xml 更小，更快，更容易解析！

2、Json 语法

---

【1】定义格式

Json数据是由键值对构成的，键用引号，数据用逗号分隔，用大括号保存对象，中括号保存数组

• 数字（整数或浮点数）

• 字符串（在双引号中）

• 逻辑值（true 或 false）

• 数组（在中括号中）：{“person”:[{},{}]}

• 对象（在大括号中）：{“address”:{“province”:“江西”}}

• null

【2】获取数据

• 方法一：json对象.键名

• 方法二：json对象[“键名”]

• 方法三：数组对象[索引]

3、Json 数据和 Java 数据相互转换

---

在以后的开发中要将Json数据在客户端和服务器之间进行传输，服务器要能够使用Json数据就必须将数据转换为编写服务器使用的代码，通常我们使用解析器进行转换，常见的解析器有：Jsonlib、Gson、fastjson、Jackson，Jackson是Sping框架内置的一个解析器

【1】Json ----> Java

步骤：

1. 导入 Jackson 相关 jar 包

2. 创建 Jackson 核心对象 ObjectMapper

3. 调用 ObjectMapper 的相关方法进行转换