Web1.0时代

早期网站的登录，如果失败，需要刷新页面才能重新登录;

如果不点击提交按钮，就不知道自己密码输错了；

现在大多数的网站，都是局部刷新，在不刷新整个页面的情况下，实现页面更新；

注册的时候，发现手机号已经注册过了，但是你只是输入了，并没有提交，然后他就提示了；

Web2.0时代最重要的一个因素就是Ajax。

Json

前后端分离，数据交互变得异常重要；

json就是王者！

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8" />
         <title></title>
     </head>
     <body>
         <script type="text/javascript">
         //定义一个对象
         var user={
             name:'dlq',
             age:20,
             sex:'男'
         };
         //在控制台输出这个对象
         console.log(user);
         //将js对象转化为json字符串
         var str=JSON.stringify(user);
         console.log(str);
         //将json字符串解析为js对象
         var obj=JSON.parse(str);
         console.log(obj);
         </script>
     </body>
 </html>
 ​

什么是json？

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。(百度百科)

在js语言中，一切都是对象 。因此，任何js支持的类型都能通过json来表示，例如字符串、数字、对象、数组等。

要求和语法格式：

  • 对象表示为键值对，数据由逗号分隔

  • 花开括保存对象

  • 方括号保存数组

json键值对是用来保存js对象的一种方式，和js对象的写法也大同小异，键/值对组合中的键名写在前面用双引号” ”包裹，是由冒号：分隔，后面是值，例如：

{“name”：“dlq”}

js对象和json的关系可以这么理解：

json是js对象的字符串表示方法，它使用文本表示一个js对象的信息，本质就是一个字符串。

var json=‘{"a":"hello","b":"world"}’;

这是一个json字符串，本质是一个字符串

json和js对象互转

要实现从json字符串转化为js对象，使用JSON.parse()方法(parse-解析)：

var obj=JSON.parse('{"a":"hello","b":"world"}');

结果是{a:"hello",b:"world"}

要实现从js对象转化为json字符串，使用JSON.stringify()方法：

var json=JSON.stringify(a:"hello",b:"world");

结果是'{"a":"hello","b":"world"}'

 

day02-json字符串和js对象的更多相关文章

  1. JSON字符串和JS对象之间的转换

    JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象  JSON字符串 str JSON.parse(str) eval(str) eva ...

  2. JSON字符串和JS对象

    JSON和JS对象 一 JSON是什么 JSON是基于文本的,轻量的,用于数据交换的,一种格式. 可以看到JSON的定义里面有很多的定语,现在就每个限定解释一下: 1. 基于文本 这里的意思是相对于哪 ...

  3. JSON字符串与JS对象格式转换

    JSON通常用于服务器向客户端传送数据,传回来的JSON数据是字符串的形式,所以要转变为JS对象形式才方便我们使用. JSON字符串转变为JS对象:JSON.parse( ); JS对象转变为JSON ...

  4. JSON字符串和js对象转换

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON js数据类型: 字符串.数字 ...

  5. 使用js把json字符串转为js对象的方法

    ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法. 1,eval方式解析,恐怕 ...

  6. js中JSON的解析（将json字符串转化为对象）和序列化（将对象转化为json字符串）（函数的功能一般都挺全的，需要的时候去查看完整函数）

    js中JSON的解析(将json字符串转化为对象)和序列化(将对象转化为json字符串)(函数的功能一般都挺全的,需要的时候去查看完整函数) 一.总结 1.JSON解析:JSON.parse(myJS ...

  7. json 字符串转换成对象,对象转换成json字符串

    json   字符串转换成对象,对象转换成json字符串 前端: 方法一: parseJSON方法:   [注意jquery版本问题] var str = '{"name":&qu ...

  8. Json字符串转换为java对象的各种实现方法【json_lib框架、Gson、org.json】

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://mengzhengbin520.blog.51cto.com/7590564/12 ...

  9. Json对象与Json字符串的转化、JSON字符串与Java对象的转换

    一.Json对象与Json字符串的转化 1.jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符 ...

  10. Json对象与Json字符串的转化、JSON字符串与Java对象的转换（转）

    一.Json对象与Json字符串的转化 1.jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符 ...

随机推荐

  1. 【转载】英特尔CEO：如果美出口管制太严，中国就必须生产自己的芯片

    原文地址: https://mbd.baidu.com/newspage/data/landingsuper?context={"nid"%3A"news_9816136 ...

  2. 光刻机巨头ASML公布了其最新的品牌短片《站在巨人的肩膀上》

    光刻机巨头ASML公布了其最新的品牌短片<站在巨人的肩膀上>: 荷兰光刻机:ASML使用AI工具midjourney和runway制作宣传片 这个时长1分50秒短片的特别地方在于,它是完全 ...

  3. 再谈《强化学习算法之DQN算法中的经验池的实现》 experience_replay_buffer模块的实现

    去年曾写过一篇DQN经验池模块编写的博文: 强化学习算法之DQN算法中的经验池的实现,experience_replay_buffer部分的实现 最近又看到了一个经验池实现的代码,把这两个实现做了一下 ...

  4. tensorflow的官方强化学习库agents的相关内容及一些注意事项

    源代码地址: https://github.com/tensorflow/agents TensorFlow给出的官方文档说明: https://tensorflow.google.cn/agents ...

  5. 神经网络之卷积篇：详解边缘检测示例（Edge detection example）

    详解边缘检测示例 卷积运算是卷积神经网络最基本的组成部分,使用边缘检测作为入门样例.在这个博客中,会看到卷积是如何进行运算的. 在之前的博客中,说过神经网络的前几层是如何检测边缘的,然后,后面的层有可 ...

  6. 瑞芯微 | I2S-音频基础 -1

    最近调试音频驱动,顺便整理学习了一下i2s.alsa相关知识,整理成了几篇文章,后续会陆续更新. 喜欢嵌入式.Li怒晓得老铁可以关注一口君账号. 1. 音频常用术语 名称 含义 ADC(Analog ...

  7. Minnaert

    Minnaert 假设气泡关闭时发生周期性膨胀和收缩,周围水也跟着振动,就嗷地一声叫了出来!设有个半径为 \(r\) 的泡形成后开始简谐振动,半径有 \[r=r_0+a\sin\frac{2\pi t ...

  8. P10884 [COCI 2017-2018#2] San

    题目传送门:P10884 [COCI 2017-2018#2] San 看下标签 COCI(克罗地亚) 2017 啊 比我小4年的题 --------------------------------- ...

  9. Python爬虫常用库介绍（requests、BeautifulSoup、lxml、json）

    1.requests库 http协议中,最常用的就是GET方法: import requests response = requests.get('http://www.baidu.com') pri ...

  10. 远距离跨网络实现windows远程桌面连接

    1.保证已经打开被连接电脑---远程访问---权限. 我的电脑--右键--属性--远程设置 2.选择允许连接 (选择用户和高级没有特殊设置可以不动,被连接电脑当前登陆的账号就可以满足权限) 3.打开- ...