什么是json

最新推荐文章于 2024-05-16 17:38:47 发布

禧哥

最新推荐文章于 2024-05-16 17:38:47 发布

阅读量109

点赞数 1

分类专栏： springMVC 文章标签： json javascript

本文链接：https://blog.csdn.net/xigedd/article/details/115740649

版权

springMVC 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

什么是json

文章目录

- 什么是json

1、为什么用json

前后端分离时代

前端：负责渲染后端的数据

                   json

后端：提供数据，提供接口

2、json

前端和后端交换数据的格式
文本格式，有双引号，如"hello"
与javascript有关
格式：
{“name”: “QinJiang”}
{“age”: “3”}
{“sex”: “男”}

3、JSON 和 JavaScript 对象互转

编写jsontest.html
编写一个javascript对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$Title$</title>
    <script type="text/javascript">
        //编写一个javascript对象
        var user={
            name:"秦疆",
            age:3,
            sex:"男"

        };
        console.log(user);

    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

从JavaScript 对象转换为JSON字符串，使用 JSON.stringify() 方法（前端自带）
- stringify字符串化，将对象字符串化

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$Title$</title>
    <script type="text/javascript">
        //编写一个javascript对象
        var user={
            name:"秦疆",
            age:3,
            sex:"男"

        };
        var tostring = JSON.stringify(user);
        console.log(tostring);

    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

从JSON字符串转换为JavaScript 对象，使用 JSON.parse() 方法（前端自带）
- parse 解析，将字符串解析成对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$Title$</title>
    <script type="text/javascript">
        //编写一个javascript对象
        var user={
            name:"秦疆",
            age:3,
            sex:"男"

        };
        var tostring = JSON.stringify(user);
        var object = JSON.parse(tostring)

        console.log(object);

    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

禧哥

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
什么是json

什么是json文章目录什么是json1、为什么用json前后端分离时代2、json3、JSON 和 JavaScript 对象互转1、为什么用json前后端分离时代前端：负责渲染后端的数据 json后端：提供数据，提供接口2、json前端和后端交换数据的格式文本格式，有双引号，如"hello"与javascript有关3、JSON 和 JavaScript 对象互转编写jsontest.html编写一个javascript对象&lt
复制链接

扫一扫