首页 > web前端 > js教程 > 正文

JSON 在 API 中的作用

DDD
发布: 2024-11-24 02:45:14
原创
991 人浏览过

很容易将 JSON 视为 JavaScript 的一部分。它的语法看起来与 JavaScript 对象相似,但事实是:JSON(JavaScript 对象表示法)与 JavaScript 无关。它是一种轻量级的、独立于语言的格式,在全球范围内用于存储和交换数据。

那么,让我向您解释清楚,让我们继续了解 JSON

JSON 代表什么?

JSON 代表 JavaScript 对象表示法。它是一种基于文本的格式,用于表示基于键值对的结构化数据。

正如我上面提到的,JSON 是一种轻量级的、基于文本的格式,用于存储和交换数据。它的结构方式易于人类阅读和机器解析(解释并转换为可用数据)。 JSON 的核心是键值对的集合,其中每个键都与一个值关联。这些对用于表示数据,例如用户信息、产品详细信息或任何其他类型的结构化数据。键始终是字符串,而值可以是各种数据类型,例如字符串、数字、布尔值、数组,甚至嵌套对象。

JSON 结构示例:

The Role of JSON in APIs

在上面的例子中:

  • “姓名”、“年龄”、“isStudent”和“地址”是键。
  • "John", 30, false 和对象 { "street": "123 Main St", "city": "Anytown" } 是值。

那么,JSON用在哪里呢?

你可能会问,“JSON 到底用在哪里?”答案就在 API(应用程序编程接口)中。

什么是 API?
在深入了解 JSON 在 API 中的工作原理之前,我们首先了解一下 API 是什么。

简单来说,API(应用程序编程接口)是一组让不同软件应用程序相互通信的规则。可以将其想象为餐厅的服务员:当您(顾客)想要食物时,您可以告诉服务员(API)您的订单。然后,服务员将该订单传递给厨房(服务器),在那里准备食物(数据),最后,服务员将您的订单返回给您。服务员自己不做饭,但确保提出正确的请求并给出正确的响应。

如果没有 API,您的应用将无法与其他系统交互以检索数据、更新信息或执行登录、购买或获取位置数据等操作。

了解 API 和 JSON
API 允许一个系统与另一个系统通信,以两个系统都能理解的格式交换数据。这就是 JSON 发挥作用的地方。

现实生活示例:在线订餐
想象一下,您想通过 Uber Eats 或 DoorDash 等在线应用程序订购食物。以下是幕后发生的事情:

  • 您打开应用程序并输入您的送货详细信息(姓名、地址、食物选择等)。
  • 应用程序使用 API 将您的订单发送到餐厅的系统,这是不同应用程序之间的通信方法。
  • 应用程序以 JSON 格式发送此数据,如下所示:

The Role of JSON in APIs

餐厅的系统处理您的订单,并以 JSON 格式将确认发送回应用程序,如下所示:

The Role of JSON in APIs

然后应用程序可以显示消息“您的订单已确认!”在您的界面中。

在本例中,JSON 用于在客户端(应用程序)和服务器(餐厅系统)之间发送和接收信息。这种客户端-服务器通信是现代 Web 应用程序工作方式的一个关键方面,客户端(用户界面)向服务器发出请求,服务器处理这些请求并发回必要的数据。

继续解析 JSON

什么是解析?

现在我们了解了如何使用 JSON 交换数据,让我们来谈谈解析。

解析是将 JSON 字符串转换为可用的 JavaScript 对象或其他数据结构的过程。由于 JSON 是作为字符串发送的,因此需要将其转换回对象才能访问和操作数据

想象一下接收 JSON 作为消息或注释 - 我们需要将其解码为我们可以理解和使用的内容。

解析示例:

假设我们有一个 JSON 字符串:

> '{"name":"John", "age":30, "isStudent":false}'
登录后复制

要在 JavaScript 中使用此数据,我们使用 JSON.parse() 将其转换为对象:

The Role of JSON in APIs

字符串化 JSON:为什么以及如何?
就像我们解析 JSON 来使用它一样,有时我们需要将对象发送到服务器时将其转换为 JSON。这个过程称为字符串化。

例如:

The Role of JSON in APIs

情况并非总是如此:XML 的兴起

虽然 JSON 如今被广泛用于数据交换,但情况并非总是如此。在 Web 开发的早期,XML(可扩展标记语言)是交换数据的首选格式。那么,XML 到底是什么?为什么它被 JSON 取代?

什么是XML?

XML 是一种与 HTML 非常相似的标记语言,但其目的是存储和传输数据,而不是在网页上显示数据。它使用标签系统以分层结构描述数据,使机器能够理解和处理数据。下面是 XML 外观的简单示例:

The Role of JSON in APIs

在此 XML 结构中:

  • 标签代表整个数据对象。
  • 、 、 和 标签描述数据属性。

为什么 XML 被 JSON 取代?

虽然 XML 很好地实现了其目的,但它也有一些缺点,使其不太适合现代应用程序:

  1. 复杂性:XML 可能很冗长且难以阅读。额外的开始和结束标签,例如 , ,增加了不必要的开销。
  2. 解析:与 JSON 相比,解析 XML(解释数据以便可以使用)更复杂且更慢。该格式需要额外的工具和库来处理数据的解析和操作。
  3. 数据大小:XML 的冗长意味着它往往比 JSON 更大,因此传输大量数据的效率较低,尤其是在互联网上。

JSON 如何取代 XML

JSON 是一种比 XML 更简单、更高效的数据交换替代方案,尤其是在 Web API 领域。这就是 JSON 迅速受到青睐的原因:

  1. 轻量级:JSON 更紧凑且更易于阅读。没有不必要的标签,只有简单的键值对。
  2. 更快的解析:JSON 更容易被机器解析,因为它直接映射到 JavaScript 对象等本机数据结构(例如键值对)。与 XML 相比,这可以实现更快的处理速度。
  3. 更适合 Web:JSON 与 Web 的主要语言 JavaScript 更兼容。这使其非常适合 Web 开发。

概括:

转向简单和高效
在现代 Web 开发中,JSON 已在很大程度上取代了 XML,因为它更简单、更快且更高效。 JSON 易于阅读的结构和快速解析使其成为服务器和客户端之间交换数据的首选。 XML 虽然仍在一些遗留系统中使用,但在 API 和数据传输领域越来越多地被 JSON 取代。

这种转变使数据交换更加顺畅和更快,有利于我们今天使用的交互式 Web 应用程序和 API 的开发。

您以前在项目中使用过 JSON 吗?在评论中与我们分享您的经验,让我们讨论它如何让您的开发过程变得更轻松

以上是JSON 在 API 中的作用的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板