🙈作者简介:练习时长两年半的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全栈开发 |
数据结构与算法 |
计算机组成原理 |
操作系统 |
数据库系统 |
物联网控制原理与技术 |