数据交换格式（XML与JSON）、JSON与JavaScript对象之间互转

最新推荐文章于 2024-08-24 09:32:22 发布
最新推荐文章于 2024-08-24 09:32:22 发布
阅读量1.3k 收藏 3
点赞数
分类专栏： ajax 文章标签： javascript json xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Vest_er/article/details/127411879
版权

目录

一、什么是数据交换格式

数据交换格式是指服务器与客户端之间进行数据传输与交换的格式。

在前端，经常提到的数据交换格式是JSON和XML。XML用的非常少，JSON是主流的数据交换格式

二、XML数据交换格式

XML全称：EXtensible Markup Language，中文叫可扩展标记语言。

1、XML特点

XML与HTML类似，也是一种标记语言。

<note>
	<to>ls</to>  // 发给谁
	<from>zs</from>  // 谁发的
	<heading>通知</heading>  // 标签
	<body>晚上开会</body>  // 内容
</note>

2、XML与HTML的区别

虽然都是标记语言，但是两者没有任何关系
HTML是用来描述网页的内容，是网页的载体
XML是用来传输和存储数据，是数据的载体

3、XML缺点

① 格式臃肿，和数据无关的代码多，体积大，传输效率低
② 在JS中解析XML比较麻烦

三、JSON数据交换格式

JSON全称JavaScript Object Notation，即“JavaScript对象表示法”，
简单来说：JSON就是用字符串来表示javascript对象数据或数组数据，它使用文本表示一个JS对象或数据信息。

1、理解

JSON是一种轻量级的数据交互格式，专门用来传输和存储数据
JSON本质是字符串

2、JSON的两种结构

JSON包含对象和数组两种结构，通过这两种结构互相嵌套，可以表示各种复杂的数据结构。

① 对象结构

为{}括起来的内容，数据表示为{key:value,key:value,…}的键值对结构。

key必须是使用英文的双引号包裹的字符串，value的数据类型可以是数字、字符串、布尔值、null、数组、对象6中类型

JSON中所有的字符串都必须用双引号来包裹

{
    "name":"憨瓜",
    "age":3,
    "sex":'公猫已绝育',
    "adress":null,
    "hobby":["气人","咬人","挠人"]
}

③ 数组结构

为[]括起来的内容。数据表示为[“咬人”,“挠人”,3,false…]的数组结构。

数据的类型可以是：数字、字符串、布尔值、null、数组、对象6种类型。

["气人","咬人","挠人"],
[100,200,300],
[true,false,null],
[{"name":"憨瓜","age":3,"sex":'公猫已绝育'},{"name":"波妞","age":3,"sex":'母猫已绝育'}],
[["憨瓜","波妞","快来"],["德文","德武","小白"]]

3、注意项

① 属性名必须使用双引号包裹
② 字符串类型的值必须用双引号来包裹，JSON不能使用单引号来表示字符串
③ JSON中不能写注释
④ JSON最外层必须是对象或数组格式
⑤ JSON的值不能是undefined或函数

4、优点

在作用上与XML类似，但是 JSON比XML更小，更快，更易解析。

简单来说：json就是一种在各个编程语言中流通的数据格式，负责不同编程语言中的数据传递和交互。

四、JSON与JavaScript对象的关系

1、两者关系

JSON是JavaScript对象的字符串表示法，它使用文本表示一个JS对象的信息。
JSON遵循JavaScript的属性命名规范

// 这是一个对象
var obj = {name: '憨瓜', sex: '公猫已绝育'}

// 这是一个JSON字符串，本质是一个字符串
var json = '{"name": "憨瓜", "sex": "公猫已绝育"}'

2、JSON字符串转化为JS对象

使用JSON.parse()方法

var obj = JSON.parse('{"name": "憨瓜", "sex": "公猫已绝育"}')

// 结果是：{name: '憨瓜', sex: '公猫已绝育'}

3、JS对象转换为JSON字符串

使用JSON.stringify()方法

var json = JSON.stringify({name: '憨瓜', sex: '公猫已绝育'})

//  结果：'{"name": "憨瓜", "sex": "公猫已绝育"}'

五、序列化与反序列化

1、序列化

把数据对象转换为字符串的过程，叫做序列化。

调用JSON.stringify()函数的操作，叫做JSON序列化。JSON.stringify()函数是序列化函数

2、反序列化

把字符串转换为数据对象的过程，叫做反序列化。

调用JSON.parse()函数的操作，叫做JSON反序列化。SON.parse()函数是反序列化函数

离奇6厘米
关注
专栏目录
JS xml转json
03-04
editor提取的xml转成特定格式的json
js实现xml转json
徐同保的专栏
04-11 2346
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;js实现xml转json&lt;/title&gt; &
js2xml：JavaScript 到 XML 的高效转换器
最新发布
gitblog_00759的博客
08-24 497
js2xml：JavaScript 到 XML 的高效转换器 js2xmlConvert Javascript code to an XML document项目地址:https://gitcode.com/gh_mirrors/js/js2xml 项目介绍 js2xml 是一个由 Scrapinghub 开发的开源工具，旨在将 JavaScript 对象转换成 XML 格式。这个库非常适用于那...
JavaScript有关XML、JSON
hhhh
03-18 217
JSON JavaScript object notation 是一种轻量级数据格式，便于表示复杂数据结构。相比XML更为简洁（JSON可以直接被解析成可用的JavaScript对象），且现在JavaScript、所有浏览器已经原生支持全局JSON对象。（许多语言也支持） JSON支持3种类型的值 简单值：字符串、数值、布尔、null都可以，特殊值undefined不可以 对象：有序键/值对，值可以是复杂值，对象属性必须带双引号 数组 JSON中字符串必须使用双引号 没有分号 JSON对象 早期JS
结构较复杂的xml和json互转
yangjundx的博客
10-24 1440
前段时间有一个项目中有20多个比较复杂的xml和json要进行互转，在网上查找了很多案例都不理想，很多节点会无故丢失，  后来请教同事帮忙编写一个通用类解决了这个问题，希望可以帮到你！ import java.io.ByteArrayInputStream; import java.io.InputStream; import java.text.SimpleDateFormat;
通过js把xml转化成json
06-26
在使用Ajax的时候，通常是将数据以XML的格式返回客户端，然后使用Javascript解析DOM结构。但W3C自带的方法和属性在操作的时候不是很方便。从网上找到一个SoftXMLLib.js，提供了使用XPATH访问节点的方式。对于复杂结构的XML是比较合适的。处理一般的XML，可以通过以下的方法，将XML转换成JSON后，访问节点的时候格式很简单。
JavaScript实现的XML与JSON互转功能详解
12-09
本文实例讲述了JavaScript实现的XML与JSON互转功能。分享给大家供大家参考，具体如下： 这里来分享一个关于JavaScript实现XML与JSON互转例子，这里面介绍了国外的三款xml转json的例子，希望这些例子能给你带来帮助。...
JS实现XML转JSON格式互转压缩包
06-10
本压缩包“JS实现XML转JSON格式互转”提供了JavaScript库来实现在两者之间的转换，这在处理服务器与前端交互或存储数据时非常有用。 首先，我们来看"xmldom"这个文件。XML DOM（Document Object Model）是W3C的一个...
xml与json互转的源码
04-11
XML（Extensible Markup Language）和JSON（JavaScript Object Notation）是两种常见的数据交换格式，广泛应用于Web服务和应用程序之间的数据传输。XML以其丰富的结构化特性适用于复杂的数据表示，而JSON因其简洁、...
C# 写的一个XML与Json互转类
08-31
总结一下，这个C#编写的XML与Json互转类是为了解决在MVC API或WebAPI项目中，同时支持XML和Json数据格式的需求。它使得开发者能够方便地在两种格式间转换，提高代码的可维护性和用户体验，因为客户端可以选择最适合...
使用js对json数据和xml数据的转化
岁月无痕(veizz)的学习记录
01-30 1万+
function xml2json(xml, // element or document DOM node tab) // tab or indent string for pretty output formatting // omit or use empty string "" to supress.
jquery.json2xml.js和jquery.xml2json.js
06-02
jquery.json2xml.js&&jquery.xml2json.js在jQuery的基础上实现json与xml的相互转换
js实现xml转json和json转xml
徐同保的专栏
04-12 1万+
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;js实现xml转json和json转xml&lt;/title&gt; &lt;styl
json和xml互转
热门推荐
handsome博客
04-08 2万+
不废话，直接上代码！public class Convert { public static void main(String[] args) {      String json = xml2Json(); // xml to json String xml = json2Xml(); // json to xml } ...
Ajax JSON和JS对象的相互转换
Double_ch1的博客
02-17 194
Ajax JSON和JS对象的相互转换
JS中简单实现 xml转json 导入即可使用
web全栈开发的博客
11-11 1815
JS中超级简单xml转json 导入即可使用在网上找了一大队xml转换json 都是又长有不可用，乱七八糟 最后只能自己些了简单方便，传入即可使用运行效果 如图。
JS 解析 JSON 及 XML
weixin_34186128的博客
05-15 100
2019独角兽企业重金招聘Python工程师标准>>> ...
javascript 将xml字符串转换成json对象
Cooky的博客
12-21 2688
xml字符串转换，首先要把字符串转换成dom对象，再从dom对象里获取你要的参数，可用getElementsByTagName之类的方法。以下是2个xml字符串转成dom对象的方法 方法1：loadXML: function(xmlString) { var xmlDoc = null; try //Internet Explorer { xmlDoc =
使用 JavaScript 将 XML 转成 JSON
weixin_30530939的博客
06-12 156
function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1) { // element // do attributes if (xml.attributes.length > 0) { ...
JavaScript实现XML与JSON互转全攻略
"本文主要探讨如何在JavaScript中实现XML与JSON的相互转换，并对JSON与XML这两种数据格式进行了简要介绍和优缺点比较。" 在Web开发中，XML（扩展标记语言）和JSON（JavaScript Object Notation）是两种常用的数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值