前端必知必会-JSON 与 XML

文章目录

• JSON 与 XML
• • JSON 与 XML 相似，因为
  • JSON 与 XML 不同，因为
  • JSON 优于 XML 的原因
  • 使用 XML步骤
  • 使用 JSON步骤
• 总结

JSON 与 XML

JSON 和 XML 均可用于从 Web 服务器接收数据。

以下 JSON 和 XML 示例均定义了一个雇员对象，其中包含 3 名雇员的数组：

JSON 示例

{"employees":[
{ "firstName":"John", "lastName":"Doe" },
{ "firstName":"Anna", "lastName":"Smith" },
{ "firstName":"Peter", "lastName":"Jones" }
]}

XML 示例

<employees>
<employee>
<firstName>John</firstName> <lastName>Doe</lastName>
</employee>
<employee>
<firstName>Anna</firstName> <lastName>Smith</lastName>
</employee>
<employee>
<firstName>Peter</firstName> <lastName>Jones</lastName>
</employee>
</employees>

JSON 与 XML 相似，因为

JSON 和 XML 都是“自我描述的”（人类可读的）
JSON 和 XML 都是层次结构（值中的值）
JSON 和 XML 都可以被许多编程语言解析和使用
JSON 和 XML 都可以通过 XMLHttpRequest 获取

JSON 与 XML 不同，因为

JSON 不使用结束标记
JSON 更短
JSON 读写速度更快
JSON 可以使用数组
最大的区别是：

XML 必须使用 XML 解析器进行解析。JSON 可以通过标准 JavaScript 函数进行解析。

JSON 优于 XML 的原因

XML 比 JSON 更难解析。
JSON 被解析为可立即使用的 JavaScript 对象。

对于 AJAX 应用程序，JSON 比 XML 更快、更简单：

使用 XML步骤

获取 XML 文档
使用 XML DOM 循环遍历文档
提取值并存储在变量中

使用 JSON步骤

获取 JSON 字符串
JSON.解析 JSON 字符串

总结

本文介绍了JSON 与 XML，如有问题欢迎私信和评论