首页 > 编程语言 >javaScript交互补充3(JSON数据)

javaScript交互补充3(JSON数据)

时间:2024-11-16 09:49:53浏览次数:3  
标签:xml XML 对象 javaScript JS JSON 字符串 交互

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对象并返回

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字符串

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:

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

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

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

XML主要是用在配置文件。

 

 

 

标签:xml,XML,对象,javaScript,JS,JSON,字符串,交互
From: https://blog.csdn.net/qq_60060362/article/details/143812465

相关文章

  • javaScript交互补充4(本地存储)
    localstorage、Sessionstorage是WebStorage,H5的本地存储机制。是本地存储,存储在客户端,以键/值对的形式存储的,通常以字符串存储。是针对HTML4中Cookie存储机制的一个改善,由于Cookie存储机制有很多缺点,HTML5不再使用它,转而使用改良后的WebStorage存储机制。4.1、Cookie(1......
  • javaScript交互补充(元素的三大系列)
    1、元素的三大系列1.1、offset系列1.1.1、offset初相识使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等获得元素距离带有定位祖先元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位offset系列常用属性offset系列属性作用element.offset......
  • 【微信小程序】page.json配置-pages页面路由
    在微信小程序中,pages.json文件是用于配置应用的全局样式和页面路由的重要文件。通过合理配置pages数组,可以有效地管理小程序的页面路径、窗口表现、网络超时时间等。本文将详细介绍pages数组的配置项及其用法,并提供一些最佳实践。1.pages数组概述pages数组用于定......
  • 代理模式在JavaScript中的恋爱应用笔记
    一、引言在面向对象编程的世界里,代理模式犹如一位巧妙的媒人,巧妙地连接了两个对象之间的交互,而无需直接显式地引用彼此。这种模式不仅降低了系统的耦合度,还使得代码更加灵活、可扩展。而在JavaScript的世界里,代理模式更是展现出了其独特的魅力。今天,我将结合恋爱场景,为大家......
  • 解码JavaScript作用域:var a = 1; 背后的故事
    1、引言JavaScript是一种广泛使用的编程语言,其灵活的语法和强大的功能使其成为前端开发的首选语言。然而,对于初学者来说,理解JavaScript中的作用域机制可能会有些困难。本文将通过一句简单的代码vara=1;,深入解析JavaScript的执行机制和作用域管理。2、变量声明与......
  • 【JavaScript】LeetCode:96-100
    文章目录96单词拆分97最长递增子序列98乘积最大子数组99分割等和子集100最长有效括号96单词拆分动态规划完全背包:背包-字符串s,物品-wordDict中的单词,可使用多次。问题转换:s能否被wordDict中的单词组成。dp[i]:长度为i的字符串s[0,i]能否被wordDict组成,dp[i]=......
  • 【JavaScript】LeetCode:91-95
    文章目录91不同路径92最小路径和93最长回文子串94最长公共子序列95编辑距离91不同路径动态规划dp[i][j]:从[0,0]到[i,j]的路径条数。dp[i][j]=从[0,0]到[i,j]上面一格的路径条数+从[0,0]到[i,j]左边一格的路径条数。初始化:因为第一行的格子只能由左......
  • JavaScript介绍与使用
    1.认识jsjs全称(javascript):是网页上面的一个脚本语言运行执行代码逻辑从而达到我们需要的效果2.JavaScript组成核心语法-ECMAScript:规范了JS的基本语法Es是js的语法规范管理者js是Es的实现操作者DOM=>文档对象提供js操作BOM=>浏览器模型对象提供......
  • 如何手写实现 JSON Parser
    JSON.parse是我们在前端开发中经常会用到API,如果我们要自己实现一个JSON.parse,我们应该怎么实现呢?今天我们就试着手写一个JSONParser,了解下其内部实现原理。JSON语法JSON是一种语法,用来序列化对象、数组、数值、字符串、布尔值和null。语法规则如下:数据使用名/值对表示。......
  • C# read json file throw exception: Could not load file or assembly 'System.Runti
    Couldnotloadfileorassembly'System.Runtime.CompilerServices.Unsafe,Version=4.0.4.1,Culture=neutral,PublicKeyToken=b03f5f7f11d50a3a'oroneofitsdependencies.Thelocatedassembly'smanifestdefinitiondoesnotmatchtheassemblyr......