AJAX入门须知

一、概念

异步的JavaScript和XML

二、作用

1.与服务器进行数据交换：通过AJAX可以给服务器发送请求，并获取服务器响应的数据。

2.使用AJAX和服务器进行通信，就可以使用HTML+AJAX替换JSP页面

三、名词解释

1.异步：就是不需要等待服务端的操作，是连续的

2.异步交互：在不重新加载整个页面，还可以与服务器交互并更新部分数据。就是所谓的局部更新。

3.同步：客户端需要等待服务端的操作，是不连续的。

四、AJAX快速入门

1.编写AJAXServlet，并使用response输出字符串

2.创建XMLHttpRequest对象，用于和服务器交换数据

3.向服务器发送请求

4.获取服务器响应数据

*Axios就是封装了Ajax的框架

（一）快速入门

1.引入axios的js文件

2.使用axios发送请求，并获取响应结果

（二）JSON

1.js对象表示法

JSON基础语法：他的键必须带引号

js的键带不带都可

2.JSON数据和Java对象转换

请求数据：JSON字符串转换为Java对象

响应数据：Java对象转成JSON字符串

Fastjson是阿里巴巴提供的一个Java语言编写的高性能功能完善的JSON库，是目前Java语言中最快的JSON库，可以实现Java对象和JSON字符串的相互转换

（三）使用

1.导入坐标

<dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.62</version> </dependency>

2.Java对象转json

User user = new User(); user.setId(1); user.setUsername("zhangsan"); user.setPassword("111"); String jsonString = JSON.toJSONString(user); System.out.println(jsonString);

3.json字符串转Java对象

User u = JSON.parseObject("{\"id\":1,\"password\":\"111\",\"username\":\"zhangsan\"}", User.class); System.out.println(u);