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

课程名：JSON

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

学习：JSON基础知识

JSON

JavaScript Object Notation JS对象简谱

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

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

“键”:值

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

值的数据类型

举例

{"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表示请求后得到的数据}
    });
    

总结

   好好学习，天天向上。