json簡介
JSON是一種輕量級的資料交換格式。 易於人閱讀和編寫。同時也易於機器解析和生成。 它基於JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集。 JSON採用完全獨立於語言的文字格式，但是也使用了類似於C語言家族的習慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。 這些特性使JSON成為理想的資料交換語言。
json線上解析及格式化工具介紹
JSON格式化和JSON驗證器工具幫助自動格式化JSON和驗證您的JSON文字。它還提供了一個樹檢視,幫助導航格式化的JSON資料。
體驗地址是：https://fktool.com/json/
原始碼分享
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>JSON線上解析 | JSON線上格式化校驗工具</title>
<meta charset="utf-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="keywords" content="json格式化, json線上解析, json校驗" />
<meta name="description"
content="一個功能強大的線上 JSON 解析和格式化工具,提供JSON線上,json解析,json線上解析,JSON Formatter,json陣列,JSON校驗,格式化JSON,xml轉json工具,線上json格式化工具,json格式化,json格式化工具,json字串格式化,json線上,json線上驗證,json線上校驗" />
<!-- Google -->
<meta itemprop="name" content="json線上解析工具" />
<meta itemprop="description" content="一個功能強大的線上 JSON 解析和格式化工具..." />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="json線上解析工具" />
<meta name="twitter:description" content="一個功能強大的線上 JSON 解析和格式化工具..." />
<meta name="renderer" content="webkit" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="icon" type="image/png" href="/images/favicon_48x48.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/favicon_114x114.png">
<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"
type="text/css" />
<link href="./static/style/tool.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header class="hd-nav">
<a class="navbar-icon" href="/">
<img src="/images/icon_36x36.svg" width="32" height="32" alt="fktool線上工具網" />
<span class="navbar-label">FKTool.com</span>
</a>
</header>
<div class="main">
<div class="left">
<div class="row">
<h1 style="font-size: 24px;margin: 16px 16px;color:#7952b3;">JSON線上格式化工具</h1>
</div>
<div class="row">
<div class="banner">輸入要解析的json文字並點選格式化按鈕</div>
</div>
<div class="row">
<div class="col-md-12 col10main">
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="panel panel-defaul">
<form id="form1" class="form-horizontal" method="post">
<div class="input-group mb5"><input class="form-control" type="text" id="txt_url"
placeholder="輸入遠端Json網址" /><span class="input-group-btn"><button
class="btn btn-default" type="button"
id="get_remote">遠端獲取Json</button></span></div>
<div class="form-group">
<div class="col-sm-12"><textarea id="content" name="content"
class="form-control" rows="14"
placeholder="請輸入Json，Json格式化的時候要去除所有轉義，轉義存在可能導致Json校驗不透過"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-12 text-center">
<input type="button" class="btn btn-success" name="validate" id="validate"
value="Json格式化" />
<input type="button" class="btn btn-info" onclick="jsonzip(1);"
value="Json壓縮">
<span id="copyallcode" class="btn btn-default"
data-clipboard-target="#content">複製</span>
<input type="button" class="btn btn-default" onclick="content.value=''"
value="清空">
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<div class="alert alert-warning alert-dismissible text-left" role="alert"
id="results"><span>請輸入需要格式化的Json字串</span></div>
</div>
</div>
</form>
</div>
</div>
<div class="alert alert-info main-desc">
<h2 class="f20">json線上解析及格式化工具介紹</h2>
<p>
JSON格式化和JSON驗證器工具幫助自動格式化JSON和驗證您的JSON文字。它還提供了一個樹檢視,幫助導航格式化的JSON資料。它具有如下優點:
</p>
<ul>
<li>
它有助於透過錯誤訊息線上驗證JSON。
</li>
<li>
它是唯一的JSON工具，顯示影像懸停在樹檢視中的影像URL。
</li>
<li>
它也是一個JSON美化器，支援縮排級別:2個空格，3個空格和4個空格。
</li>
<li>
支援列印JSON資料。
</li>
<li>
JSON檔案格式化器提供了上傳JSON檔案和下載格式化JSON檔案的功能。這個功能有助於格式化json檔案。
</li>
<li>
95%的API使用JSON在客戶端和伺服器之間傳輸資料。這個工具可以作為API格式化器使用。
</li>
<li>
支援JSON字串的JSON圖形檢視，作為JSON偵錯程式或糾錯器，可以格式化陣列和物件。
</li>
<li>
在瀏覽器的本地儲存中儲存最後一個JSON格式的資料。這可以用作notepad++ / Sublime / VSCode JSON美化的替代方案。
</li>
<li>
這個JSON線上格式化器也可以作為JSON Lint工作。
</li>
<li>
使用自動開關開啟或關閉自動更新進行美化。
</li>
<li>
它使用$。parseJSON和JSON。stringify美化JSON，以便於人類閱讀和分析。
</li>
<li>
下載JSON，一旦它被建立或修改，它可以在notepad++， Sublime，或VSCode替代開啟。
</li>
<li>
JSON格式檢查器有助於修復缺失的引號，點選設定圖示，看起來像一個螺絲刀在編輯器的左邊來修復格式。
</li>
</ul>
<h2>JSON簡介</h2>
<p>
JSON是一種輕量級的資料交換格式。 易於人閱讀和編寫。同時也易於機器解析和生成。 它基於JavaScript Programming Language, Standard
ECMA-262 3rd Edition - December 1999的一個子集。 JSON採用完全獨立於語言的文字格式，但是也使用了類似於C語言家族的習慣（包括C,
C++, C#, Java, JavaScript, Perl, Python等）。 這些特性使JSON成為理想的資料交換語言。
</p>
<h2>與其他格式的比較</h2>
<h3>XML</h3>
<p>
JSON與XML最大的不同在於XML是一個完整的標記語言，而JSON不是。這使得XML在程式判讀上需要比較多的功夫。主要的原因在於XML的設計理念與JSON不同。XML利用標記語言的特性提供了絕佳的延展性（如XPath），在資料儲存，擴充套件及高階檢索方面具備對JSON的優勢，而JSON則由於比XML更加小巧，以及瀏覽器的內建快速解析支援，使得其更適用於網路資料傳輸領域。
</p>
<h3>YAML</h3>
<p>
在功能和語法上，JSON 都是 YAML 語言的一個子集。特別是，YAML
1.2規範指定“任何JSON格式的檔案都是YAML格式的有效檔案"。最常見的YAML解析器也能夠處理JSON。版本 1.2 之前的 YAML 規範沒有完全涵蓋
JSON，主要是由於 YAML 中缺乏本機 UTF-32 支援，以及對逗號分隔空格的要求;此外，JSON 規範還包括 /* */ 樣式的註釋。YAML
最重要的區別是語法擴充套件集，它們在 JSON 中沒有類似物：關係資料支援：在 YAML
檔案中，可以引用以前在檔案/流中找到的錨點;透過這種方式，您可以表達遞迴結構。支援除基元之外的可擴充套件資料型別，如字串、數字、布林值等。支援帶縮排的塊語法;它允許您在不使用不必要的符號的情況下描述結構化資料：各種括號、引號等。
</p>
<h3>MessagePack</h3>
<p>
MessagePack比JSON更短小，快速。
</p>
<h3>格式化工具</h3>
<p>
JSON格式取代了XML給網路傳輸帶來了很大的便利，但是卻沒有了XML的一目瞭然，尤其是JSON資料很長的時候，會讓人陷入繁瑣複雜的資料節點查詢中。開發者可以透過線上JSON格式化工具，來更方便的對JSON資料進行節點查詢和解析。
</p>
<h2>參考資料:</h2>
<ul>
<li>
<a href="https://zh.wikipedia.org/wiki/JSON">https://zh.wikipedia.org/wiki/JSON</a>
</li>
<li>
<a
href="https://zhuanlan.zhihu.com/p/33792109">https://zhuanlan.zhihu.com/p/33792109</a>
</li>
<li>
<a href="https://www.json.org/json-zh.html">https://www.json.org/json-zh.html</a>
</li>
<li>
<a href="https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects/JSON">https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects/JSON</a>
</li>
</ul>
</div>
<div class="accordion-group"></div>
</div>
</div>
</div>
</div>
<div class="right">
<div class="search">
<input id="keyword" />
<div class="search-btn">搜尋</div>
</div>
<div class="recommend">
<div class="recommend-head">相關推薦</div>
<div class="recommend-list">
<a class="recommend-list-item" href="https://ps.gitapp.cn">線上ps</a>
<a class="recommend-list-item" href="https://fangdai.gitapp.cn">房貸計算器</a>
<a class="recommend-list-item" href="https://ps.fktool.com">Online PS</a>
<a class="recommend-list-item" href="https://base64.fktool.com">base64解碼</a>
</div>
</div>
</div>
</div>
<script src="./static/script/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="./static/script/bootstrap.min.js" type="text/javascript"></script>
<script src="./static/script/tool.js" type="text/javascript"></script>
<script src="./static/script/json/jsonformat.js" type="text/javascript"></script>
<script type="text/javascript">setJS(["./static/script/json/jsonzip.js"]);</script>
</div>
<div class="copyright" id="footer">
<div class="container">
<div class="row">
<div class="col-sm-12">
<span>
Copyright ©2023
<a href="/">
fktool線上工具網
</a>
</span>
|
<span>
</span>
</div>
</div>
</div>
</div>
<script>
</script>
</body>
</html>
與其他格式比較
-
XML
JSON與XML最大的不同在於XML是一個完整的標記語言，而JSON不是。這使得XML在程式判讀上需要比較多的功夫。主要的原因在於XML的設計理念與JSON不同。XML利用標記語言的特性提供了絕佳的延展性（如XPath），在資料儲存，擴充套件及高階檢索方面具備對JSON的優勢，而JSON則由於比XML更加小巧，以及瀏覽器的內建快速解析支援，使得其更適用於網路資料傳輸領域。 -
YAML
在功能和語法上，JSON 都是 YAML 語言的一個子集。特別是，YAML 1.2規範指定“任何JSON格式的檔案都是YAML格式的有效檔案"。最常見的YAML解析器也能夠處理JSON。版本 1.2 之前的 YAML 規範沒有完全涵蓋 JSON，主要是由於 YAML 中缺乏本機 UTF-32 支援，以及對逗號分隔空格的要求;此外，JSON 規範還包括 /* */ 樣式的註釋。YAML 最重要的區別是語法擴充套件集，它們在 JSON 中沒有類似物：關係資料支援：在 YAML 檔案中，可以引用以前在檔案/流中找到的錨點;透過這種方式，您可以表達遞迴結構。支援除基元之外的可擴充套件資料型別，如字串、數字、布林值等。支援帶縮排的塊語法;它允許您在不使用不必要的符號的情況下描述結構化資料：各種括號、引號等。 -
MessagePack
MessagePack比JSON更短小，快速。
總結
JSON格式取代了XML給網路傳輸帶來了很大的便利，但是卻沒有了XML的一目瞭然，尤其是JSON資料很長的時候，會讓人陷入繁瑣複雜的資料節點查詢中。開發者可以透過線上JSON格式化工具，來更方便的對JSON資料進行節點查詢和解析。