21xrx.com
2024-11-22 09:56:27 Friday
登录
文章检索 我的文章 写文章
JavaScript Object Notation (JSON) 简介及使用案例
2023-06-17 06:35:37 深夜i     --     --

JavaScript Object Notation(简称JSON)是一种轻量级的数据交换格式,易于阅读和编写,也易于机器解析和生成。该格式基于JavaScript语言的对象表示法,但也可用于其他编程语言。本文将介绍JSON的基本语法和常用场景,并示范使用代码。

JSON的基本语法

JSON由两种基本结构组成:有序列表和键/值对。有序列表即为数组,使用方括号[ ]表示,该列表中的值可以是任意类型的数据(如字符串、数字、布尔值、对象或数组);键/值对使用花括号{ }表示,每个键/值对之间用逗号,分隔,键和值用冒号:分隔。

下面是一个JSON示例:


{

  "name": "John",

  "age": 30,

  "city": "New York",

  "hobbies": ["reading", "music", "sports"],

  "isMarried": false,

  "spouse": null,

  "salary":

   "currency": "USD"

 

}

从示例中可以看出,JSON中的字符串必须使用双引号""括起来,数字不必,其他类型的数据需要按照对应的标准语法书写。

JSON常用场景

JSON常用于Web应用中的数据传输。由于其轻量级、易于解析和生成,许多Web API和服务都采用JSON格式进行数据交互。例如,Twitter、Facebook等社交媒体平台的API都采用JSON格式,前端JavaScript代码可以调用这些API获取数据。

下面是一个使用jQuery从Twitter API获取数据的示例:


$.getJSON('https://api.twitter.com/1.1/search/tweets.json?q=%23javascript', function(data)

  // data即为JSON格式的结果

  // 对结果进行处理

  // ...

);

另一个常见的场景是在客户端(如浏览器)和服务器之间进行数据传输。前端JavaScript代码可以使用XMLHttpRequest或fetch API发送JSON格式的数据给服务器,后端代码则可以解析JSON并生成响应。


// 发送POST请求给服务器,传递JSON数据

let data = age: 30 ;

let xhr = new XMLHttpRequest();

xhr.open('POST', '/submit-data');

xhr.setRequestHeader('Content-Type', 'application/json');

xhr.send(JSON.stringify(data));

服务器端可以采用各种编程语言(如Node.js、PHP、Python等)解析JSON格式的请求。

关键词:

1. JSON

2. Web API

3. XMLHttpRequest

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复