json数据的基本格式是什么?JSON 数据如何发送到客户端?

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数据的基本格式是什么?JSON 数据如何发送到客户端?.png

我们可以使用该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");
}

浏览器中的结果输出如下所示:

1.png

总之我们开发java是离不开json的,毕竟现在很多 API 都是用 JSON 而不是 XML 编写的,因此我们只有将json相关使用都熟悉,才能更好的使用json!最后大家如果想要了解更多json工具教程知识,敬请关注奇Q工具网。

推荐阅读:

springboot怎么启动项目?springboot启动项目方法

qt中为啥创建不出resource?qt列表框怎么创建?

java集合有什么用?java集合怎么分类?