首頁 > 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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板