【JavaWeb】json的数据格式

json 是一种数据交换的格式
作用:使用ajax进行前后数据交换
(移动端与服务端的数据交换)

json的格式与解析
两种格式:
1)对象格式:{“key1”:obj,“key2”:obj,“key3”:obj…}
2)数组格式:[obj,obj,obj…]
注意:对象格式和数组格式可以互相嵌套
json的key是字符串,json的value是Object

json的解析:
json是js的原生内容,也意味着js可以直接取出json对象中的数据
取出json对象中的数据时遇到对象格式时,则是取出指定key,遇到数组格式时,则是找到相应的索引位置

案例代码:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>json</title>
</head>
<style>
    input[type="text"]{
        width: 100px;
        height: 30px;
        padding: 2px;
        margin: 5px;
    }
    input[type="button"]{
        padding: 3px;
    }
</style>
<script>
    function cjson() {
        var person = [
                        {"username":"张三","age":20},
                        {"username":"李四","age":21},
                    ];
        document.getElementById("text1").value = person[0].username+" "+person[0].age+"岁";
        document.getElementById("text2").value = person[1].username+" "+person[1].age+"岁";
    }
</script>
<body>
    <input type="button" onclick="cjson()" value="点击获取json对象数据">
    <br>
    获得用户1<input type="text" id="text1" >
    <br>
    获得用户2<input type="text" id="text2" >
</body>
</html>

点击运行结果:
在这里插入图片描述

发布了17 篇原创文章 · 获赞 1 · 访问量 638

猜你喜欢

转载自blog.csdn.net/weixin_43316702/article/details/104856395