JSON的作用

JSON是一种与语言无关的数据交换格式

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); // 输出: 张三
← 什么是JSON Protobuf编码详解 →