javaScript交互补充3(JSON数据)

server/2024/11/17 15:15:47/

3.1、JSON

(1)、定义:

JSON数据格式 JavaScript Object Notation缩写 即 js对象表示法

由于JS中的对象只有JS自己认识,其他的语言都不认识,所以引入了JSON,JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,

并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互,是一种轻量级的数据交换格式

(2)、特点:

1、易于程序员阅读和编写。

2、易于计算机解析和生成。

3、其实是javascript的子集:原生javascript支持JSON

(3)、作用:

json是一种与语言无关的数据交换的格式,

1、使用ajax进行前后台数据交换

2、移动端与服务端的数据交换

(4)、JSON的语法规则:

JSON的语法规则十分简单,可称得上“优雅完美”,总结起来有:

JSON有两种结构:

1、对象格式:{“key1”:obj1, “key2”:obj2, “key3”:obj3…}

2、数组/集合格式: [obj1,obj2,obj3…]

JSON中允许的值:字符串,数值,布尔值,null,对象,数组

JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号,其他的和JS语法一致

规则如下:

1)映射用冒号(“:”)表示。名称:值

2)并列的数据之间用逗号(“,”)分隔。名称1:值1,名称2:值2

3) 映射的集合(对象)用大括号(“{}”)表示。{名称1:值1,名称2:值2}

4) 并列数据的集合(数组)用方括号(“[]”)表示。

(5)、JSON的方法

将JSON字符串转换为JS中的对象,在JS中,为我们提供了一个工具类,就叫JSON ,这个对象可以帮助我们将一个JSON转换为JS对象,也可以将一个JS对象转换为JSON

JSON.parse()

可以将以JSON字符串===》js对象

它需要一个JSON字符串作为参数,会将该字符串转换为JS对象并返回

javascript">var json = '{"name":"孙悟空","age":18,"gender":"男"}';var o = JSON.parse(json);console.log(o); //{name: '孙悟空', age: 18, gender: '男'}console.log(o.gender); //男

JSON.stringify()

可以将一个JS对象===》JSON字符串

需要一个js对象作为参数,会返回一个JSON字符串

javascript">var obj3 = { name: "猪八戒", age: 28, gender: "男" };
obj3 = JSON.stringify(obj3);
console.log(obj3); //{"name":"猪八戒","age":28,"gender":"男"}

3.2、XML

3.2.1 什么是xml

eXtensible Markup Language,可扩展标记型语言

(1)标记型语言:html是标记型语言,都是使用标签进行操作。

xml里面的操作也是使用标签进行操作。

(2)可扩展:html里面的标签,每个标签有自己特定的含义,

比如<br/> <hr/>

在xml中标签自己定义的,比如 <aa> <猫>

(3)xml的主要的功能是存储数据(不是显示数据)

3.2.2 xml的应用在三个地方

第一,xml用于作为系统之间传输数据的格式

第二,xml用于表示生活中有关系的数据,数据的存储。

第三,xml经常使用在系统的配置文件

第四,android 手机应用程序开发,页面的内容展示,都是xml

3.3、JSON与XML比较

JSON常备拿来与XML做比较,因为JSON的诞生本来就或多或少要有取代XML的意思。

相比XML,JSON的优势如下:

1、没有结束标签,长度更短,读写更快。

2、能够直接被JavaScript解析器解析。

3、可以使用数组。

JSON:

{

“id” : 12,

“name” : “gao”,

“age” : 30,

“gender” : “男”,

“interests” : [“篮球”, “爬山”, “旅游”]

}

XML:

javascript"><root><id>12</id><name>gao</name><age>30</age><gender>男</gender><interest>篮球</interest><interest>爬山</interest><interest>旅游</interest>
</root>

JSON可以直接使用数组,但是XML没有直接定义数组,

如果数组很长,我们的代码中就要添加大量的没有实际意义的开始和结束标签,这对于网络传输是不利的。

XML主要是用在配置文件。

 

 

 


http://www.ppmy.cn/server/142674.html

相关文章

每日一题:a替换函数

题目 给定一个字符串ss&#xff0c;编写一个函数&#xff0c;将字符串中的小写字母a替换为"%100"&#xff0c;并返回替换后的字符串。 例如&#xff0c;对于字符串"abcdwa"&#xff0c;所有a字符会被替换为"%100"&#xff0c;最终结果为%100bc…

用户自定义IP核——ZYNQ学习笔记6

一、试验任务 通过自定义一个 LED IP 核&#xff0c;通过 PS 端的程序来控制底板上 PL 端 LED1 呈现呼吸 灯的效果&#xff0c;并且 PS 可以通过 AXI 接口来控制呼吸灯的开关和呼吸的频率。 二、创建IP核 三、创建工程&#xff0c;调用IP #include "stdio.h" #includ…

C#界面设计

C#界面设计通常指的是使用C#编程语言及其相关的图形用户界面&#xff08;GUI&#xff09;框架&#xff08;如Windows Forms、WPF&#xff08;Windows Presentation Foundation&#xff09;或Uno Platform等&#xff09;来创建应用程序的用户界面。以下是一些关于C#界面设计的基…

Harmony错题本--@Preview标注上依然无法预览

初学HarmonyOs开发&#xff0c;写了一个超级简单的组件&#xff0c;但是代码上没有什么问题&#xff0c;DevEco Studio却无法完成预览 代码如下&#xff1a; // 单纯的右键-> ArkTsFile的话&#xff0c;可以创建一个组件。 // 原因是&#xff0c;之前我们学过通过右键->…

【论文复现】智慧医疗:纹理特征VS卷积特征

&#x1f4dd;个人主页&#x1f339;&#xff1a;Eternity._ &#x1f339;&#x1f339;期待您的关注 &#x1f339;&#x1f339; ❀ 智慧医疗 论文概述纹理特征和深度卷积特征 算法流程数据预处理方法纹理特征提取深度卷积特征提取分类网络搭建 代码复现BLS_Model.py文件——…

C# WPF 记录DataGrid的表头顺序,下次打开界面时应用到表格中

效果&#xff1a; 代码实现 前端 <DataGrid x:Name"DataGrid1"<!--定义当列位置变化后的触发事件-->CanUserReorderColumns"True"ColumnReordered"DataGrid_ColumnReordered"rubyer:ControlHelper.FocusedForegroundBrush"{Stati…

Grass脚本2倍速多账号

前言&#xff0c;小编也是第一次撸空投&#xff0c;我是抱着试一试的态度&#xff0c;梦想总是要有的万一白嫖了呢 Grass 是什么&#xff1f; Grass 扩展程序是一款创新的工具&#xff0c;它可以帮助您释放未使用的网络资源的力量。 通过分享您的剩余带宽&#xff0c;您可以赚…

计算机网络 (4)计算机网络体系结构

前言 计算机网络体系结构是指计算机网络层次结构模型&#xff0c;它是各层的协议以及层次之间的端口的集合。这一体系结构为计算机网络及其部件应完成的功能提供了精确定义&#xff0c;并规定了这些功能应由何种硬件或软件来实现。 一、主流模型 计算机网络体系结构存在多种模型…