JSON学习|一篇就够了|（超详细|保姆级）

作者简介：练习时长两年半的Java up主
个人主页：老茶icon
ps:点赞是免费的，却可以让写博客的作者开兴好久好久
系列专栏：Java全栈，计算机系列（火速更新中）
格言：种一棵树最好的时间是十年前，其次是现在
动动小手，点个关注不迷路，感谢宝子们一键三连

课程名：JSON

内容/作用：知识点/设计/实验/作业/练习

学习：JSON基础知识

JSON

JavaScript Object Notation JS对象简谱

是一种数据交换格式，可以理解为保存数据、交换数据的一种格式。

JSON数以键值对的形式保存。

“键”:值

键是一个字符串，值可以是普通类型、对象或数组

值的数据类型

值的类型
字符串	“name”:“ez”
数值	“age”:20
布尔值	“married”:true
空	“xxx”:null
对象	“dog”:{“name”:“旺财”,“type”:“哈士奇”}
数组	“cars”:[{“name”:“宝马”},{“name”:“奔驰”}]

举例

{
    "name":"张明",
    "age":20,
    "pet":{
        "name":"小哈",
        "type":"狗"
    },
    "married":true,
    "house":null,
    "family":[
        {
            "name":"张三",
            "relation":"老爸"
        },
        {
            "name":"王梅",
            "relation":"老妈"
        }
    ]
}

在页面中读取json数据

• $.getJSON(URL,回调函数)

  $.getJSON("json/selfinfo.json",(res)=>{
      console.log(res.name);
      console.log(res.age);
      console.log(res.married);
      console.log(res.house);
      console.log(res.pet);
      console.log(res.pet.name);
      console.log(res.pet.type);
      console.log(res.family[0]);
      console.log(res.family[1]);
  });
  

• ajax，异步提交，局部刷新。在保证页面不重新加载的情况下，只更新部分数据

  • $.ajax();

    $.ajax({
        url:"请求路径",
        data:{
            //请求时携带的参数
            name:'xx',
            age:20
        },
        type:"post/get/put/delete",
        success:(res)=>{
            //请求发送成功后的回调函数
            //res表示请求后得到的数据
        }，
        error:(res)=>{
        	//请求发送失败后的回调函数
        	//res表示请求后得到的数据
    	}
    });
    

总结

   好好学习，天天向上。

往期专栏
Java全栈开发
数据结构与算法
计算机组成原理
操作系统
数据库系统
物联网控制原理与技术