Json是一种主流数据交换格式,它采用完全独立于编程语言的文本格式来存储和表示数据,易于人阅读和编写,同时也易于机器解析和生成,在开发中经常使用,那json数据的基本格式是什么?下面来我们就来给大家讲解一下。
Json数据格式:
在JS语言里,一切都是对象。所以,任何数据类型都可以通过JSON来表示,比如:字符串,数字,对象,map, 数组以及结构体等等 ...
格式/语法: {"name":"json","用途":"用于网络数据传输"}
{
"name":"json",
"用途":"用于网络数据传输"}
JSON 数据如何发送到客户端?
JSON 是出于将数据从服务器(例如数据库)实时发送到客户端(浏览器)的需要而创建的。
但是 JSON 数据不能以其原始的键值对形式传输到浏览器,因此编程语言有操作 JSON 数据的方法。
例如,在 JavaScript 中,JSON.parse()将 JSON 数据转换为对象,JSON.stringify()并将对象的键值对转换为 JSON 数据。
Python 提供了诸如json.loads()将现有字符串转换为 JSON 以及json.dumps()将对象转换为 JSON 字符串等方法。
您可以使用 JavaScript 提供的两种方法将基本 JSON 语法中的数据发送到浏览器。
如何使用 JavaScript 将 JSON 数据发送到客户端(浏览器)
该JSON.stringify()方法返回一个与 JavaScript 对象完全相同的 JSON 字符串。您可以将它与 DOM 操作方法结合使用以在浏览器中显示 JSON 数据,就像我在下面的代码片段中所做的那样:
<h2>Here is the Data from the JSON:</h2> < div id = "json" > </div>
const JSONData = { "key1": "value1" , "key2": "value2" , "key3": "value3" , "key4": 7 , "key5": null , "favFriends": ["Kolade", "Nithya", "Dammy", "Jack"] , "favPlayers": { "one": "Kante" , "two": "Hazard" , "three": "Didier" } } const JSONString = JSON.stringify(JSONData) const JSONDisplay = document.querySelector("#json") JSONDisplay.innerHTML = JSONString
在 JavaScript 代码中,我们将 JSON 数据声明为带有标识符 (name) 的对象字面量JSONData。我们使用 JavaScript 的JSON.stringify()方法将其转换为字符串,并使用 DOM 的查询选择器方法获取 HTML 中的空 div。这使得使用innerHTMLDOM 操作方法填充其中的 JSON 数据成为可能。
我们可以使用该JSON.parse()方法将 JSON 数据转换为对象——它正在运行:
<h2>Here is the Data from the JSON:</h2> < div id = "json" > </div>
const JSONData = '{"name": "Kolade", "favFriends": ["Kolade", "Nithya", "Rocco", "Jack"], "from": "Africa"}'; try { const JSONString = JSON.parse(JSONData); const JSONDisplay = document.querySelector("#json"); JSONDisplay.innerHTML = JSONString.name + ", [" + JSONString.favFriends + "], " + JSONString.from; } catch (error) { console.log("Cannot parse the JSON Data"); }
浏览器中的结果输出如下所示:
总之我们开发java是离不开json的,毕竟现在很多 API 都是用 JSON 而不是 XML 编写的,因此我们只有将json相关使用都熟悉,才能更好的使用json!最后大家如果想要了解更多json工具教程知识,敬请关注奇Q工具网。
推荐阅读: