JSON的主要作用
1. 使用AJAX进行前后台数据交换
JSON是JavaScript的原生内容,意味着JS可以直接取出JSON对象中的数据,不需要额外的解析过程。这使得AJAX成为Web开发中最常用的前后端数据交换技术。
2. 移动端与服务端的数据交换
在移动应用开发中,JSON作为轻量级的数据交换格式,被广泛应用于iOS、Android等移动平台与服务器之间的数据通信。
JSON的两种格式
1. 对象格式
{"key1": obj, "key2": obj, "key3": obj...}
例如,用户对象用JSON表示:
{"username": "zhangsan", "age": 28, "password": "123", "addr": "北京"}
2. 数组/集合格式
[obj, obj, obj...]
例如,产品列表用JSON表示:
[{"pid": "10", "pname": "小米4C"}, {"pid": "11", "pname": "华为P50"}, {"pid": "12", "pname": "iPhone 14"}]
JSON的重要特性
- 对象用{}括起来 - JSON中的对象使用大括号包裹
- 集合用[]括起来 - JSON中的数组使用中括号包裹
- 可以互相嵌套 - 对象格式和数组格式可以相互嵌套,一个对象中的属性可以是一个集合或数组
- Key是字符串 - JSON中的键名必须是字符串
- Value是Object - JSON中的值可以是任意类型
在JavaScript中使用JSON
由于JSON是JS的原生内容,我们可以直接通过对象点号的方式来获取属性值:
var person = {"name": "张三", "age": 25};console.log(person.name); // 输出: 张三
访问嵌套对象:
var json = {"user": {"address": {"city": "北京"}}};console.log(json.user.address.city); // 输出: 北京
访问数组:
var users = [{"name": "张三"}, {"name": "李四"}];console.log(users[0].name); // 输出: 张三