前言

JSON全名：JavaScriptObjectNoation

JSON在后端和前端中起着非常重要的作用。

在前端，JSON被用作一种数据格式，用于从服务器获取数据并将其展示在网页上；
前端开发人员通常使用AJAX技术通过JSON获取数据，并使用JavaScript代码将其呈现在网页上。

在后端，JSON被用作一种数据交换格式，用于标准化和简化数据的传输和解析；
服务器通常会将返回给客户端的数据编码为JSON格式，以便客户端能够轻松地将其解码。
因此后端开发人员使用JSON来处理和交换数据，以便客户端能够轻松地使用这些数据。

提示：以下是本篇文章正文内容，下面案例可供参考

前后端数据交换格式比较

比如前端是个登录页面，用户需要提供用户名和密码

前端向后端发送数据用户名（root）密码（123456）

xml 格式：

<data>
    <name>
        root
    </name>
    <password>
        123456
    </password>
</data>

JSON 格式：

{"name":"root","password":"123456"}

JavaScript自定义对象

JSON 是用对象传的数据

【示例代码】

一对大括号代表创建对象类型数据
js对象中可以包含属性和方法
对象中的方法使用对象中的属性，需要加this.前缀
使用对象中的属性和方法：对象名.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 一对大括号代表创建对象类型数据
        // js对象中可以包含属性和方法
        // 对象中的方法使用对象中的属性，需要加this.前缀
        let user = {
            name: '张三',
            age: 25,
            sayHi: function(){
                console.log(`大家好,我是${this.name},今年${this.age}岁`);
            }
        }
        // 使用对象中的属性和方法：对象名.
        user.sayHi()
        user.name = '李四'
        user.age = 35
        user.sayHi()
    </script>
</body>
</html>