Ajax和JSON巩固

现在的网站都是局部刷新，不刷新整个页面的情况下，实现页面更新

注册的时候，比如输入手机号，还没有提交但是就显示手机号已被注册过了

1.1 什么是JSON

JSON（JS对象标记语言）是一种轻量级的数据交换格式

采用完全独立于编程语言的文本格式来存储和表示数据，易于人阅读和编写，也易于机器解析和生成

在JS语言中，一切都是对象，因此JS支持的类型都可以通过JSON来表示，例如字符串，数字，对象数组等等，

语法格式：

• 对象表示为键值对
• 数据由逗号分隔，最后一个不能加逗号
• 花括号保存对象
• 方括号保存数组

（1）前后端分离，数据交互异常重要！JSON！！！

（2）我们现在最重要的就是使用java来获得JSON字符串，然后想办法从前端获取到，前端获取到之后就能把它转换成对象！！

JSON 键值对 是用来保存JS对象的一种方式，和JS对象的写法也大同小异

{
   "name":"yue"}
{
   "age":"3"}

1.2 那么JSON和JS对象的关系是什么呢

可以这样理解，JSON是JS对象的字符串表示法，是使用文本来表示JS对象的信息，本质是一个字符串

1.3 JSON和JS对象的互相转换

var obj = {
   a: 'Hello', b: 'World'}; //这是一个对象，注意键名也是可以使用引号包裹的

var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串，本质是一个字符串

• JSON字符串---->JS对象 ，使用 JSON.parse(" ")

• JS对象---->JSON字符串，使用JSON.stringify(" ")

1.4 使用Controller实现返回JSON数据

我们使用Jackson，使用它需要导入它的jar包

<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-core -->
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind