Ajax和Json入门学习03

最新推荐文章于 2024-07-16 10:02:19 发布

喵俺第一专栏

最新推荐文章于 2024-07-16 10:02:19 发布

阅读量90

点赞数 1

分类专栏：前端知识点总结文章标签： JSON JavaScript 数据操作嵌套结构属性访问

本文链接：https://blog.csdn.net/dengfengling999/article/details/124459688

版权

前端知识点总结专栏收录该内容

23 篇文章 1 订阅

订阅专栏

05-json数据语法.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //定义基本的格式
        var person={"name":"张三","age":23,"gender":true};
        alert(person);

        //获取name的值
       // var name=person.name;
        var name=person["name"];
        //alert(name);


        //嵌套格式1  { }-->[]
        var persons={
            "persons":[
                {"name":"张三","age":23,"gender":true},
                {"name":"李四","age":23,"gender":true},
                {"name":"王五","age":23,"gender":true}
                ]
        };
        //alert(persons);
        //获取王五
        var name1 = persons.persons[2].name;
        //alert(name1)
        //嵌套格式2 []-->{ }
        var ps=[{"name":"张三","age":23,"gender":true},
            {"name":"李四","age":23,"gender":true},
            {"name":"王五","age":23,"gender":true}];
        //alert(ps);
        //获取李四
        //alert(ps[1].name);
    </script>
</head>
<body>

</body>
</html>

第一个alert：

第二个

第三个

第四个：

第五个

喵俺第一专栏

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Ajax和Json入门学习03

05-json数据语法.html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> //定义基本的格式 var person={"name":"张三","age":23,"gender":true}; ale...
复制链接

扫一扫