什么是Json

是Javascript·对象的一种表示，属于轻量级数据，它比XMl小，快，易解析

作用：

用于存储和交换（转换）信息的语言，还可以将各种数据类型放在json中并进行数据传输

整理的章节图

讲解

json架构两种表示

对象 {key:value}

数组["value1","value2",...]

下面咱们就做个小的实例来看看

Json对象，它的表示和js中的对象字面量几乎是同一种表示。下面的就是一个对象（数组）

这个 employee 对象是包含 3个员工记录（对象）的数组

{

    "employees":[

		{"fristName":"Bill","lastName":"Gates"},

		{"firstName":"Groge","lastName":"Bush"},

		{ "firstName":"Thomas" ,"lastName":"Carter" }

	]

}

　　

在测试页的代码如下

<html>

<body>

<h2>通过 JSON字符串来创建对象</h3>

<p>First Name:<span id="fname"></span></p>

<scripttype="text/javascript">

var employees = [

{"firstName":"Bill" , "lastName":"Gates"},

{"firstName":"George" ,"lastName":"Bush" },

{"firstName":"Thomas" , "lastName":"Carter" }

];

employees[0].firstName="Jobs";

document.getElementById("fname").innerHTML=employees[1].firstName;

</script>

</body>

</html>

效果图如下：

从上图的代码中可以看到，Json的语法是完全符合js的，

表现为：

数据由：名称/值，逗号分隔

花括号保存对象{}

总括和保存数组[ ]

使用：

上面的综合图中可以看到Json的作用有存储数据和转换数据

存储主要为赋值给变量

Var people =

	{

	"employees":[

		{"fristName":"Bill","lastName":"Gates"},

		{"firstName":"Groge","lastName":"Bush"},

		{ "firstName":"Thomas" ,"lastName":"Carter" }

	]

}

访问数据，修改数据等，如获取变量中的值

People.employees[0].lastName

　　

最重要的是可以将任意js对象转为json文本。如，将上文的json对象转为文本格式只需要


Var newJsonNext=people.toJSONString();

　　

这样就可以任意地方使用文本字符串了

小结:

 

综合以上，我们可以初步认识到Json是js中的一种新的数据类型，主要用于数据的交换和传输。它可以将Json的数据转为js的任意类型，并进行数据的传输。

---恢复内容结束---

Introduction to Json的更多相关文章

  1. [翻译]Introduction to JSON Web Tokens

    JWT: Json Web Tokens JWT是一种开放标准(RFC 7519),它定义了一种紧凑且独立的方式,用于将各方之间的信息安全地传输为JSON对象.因为它是经过数字签名的,所以该信息可以进 ...

  2. JSON Web Token 入门教程

    原文地址:http://www.ruanyifeng.com/blog/2018/07/json_web_token-tutorial.html JSON Web Token(缩写 JWT)是目前最流 ...

  3. VBA json parser[z]

    http://www.ediy.co.nz/vbjson-json-parser-library-in-vb6-xidc55680.html VB-JSON: A Visual Basic 6 (VB ...

  4. Working with JSON in C# & VB

    Introduction Whilst JSON is a compact and easy to read cross-language storage and data exchange form ...

  5. JWT详解-(JSON Web Token教程)

    JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案,本文介绍它的原理和用法. 一.跨域认证的问题 互联网服务离不开用户认证.一般流程是下面这样. 1.用户向服务器发送用户名和密 ...

  6. 理解JSON：3分钟课程

    理解JSON:3分钟课程 博客分类: Java综合 jsonAjaxJavaScriptXMLLISP 本文是从 Understanding JSON: the 3 minute lesson 这篇文 ...

  7. SpringSecurity整合JWT

    一.前言 最近负责支付宝小程序后端项目设计,这里主要分享一下用户会话.接口鉴权的设计.参考过微信小程序后端的设计,会话需要依靠redis.相关的开发人员和我说依靠Redis并不是很靠谱,redis在业 ...

  8. 认证 协议 JWT OAuth Session Cookie

    本文翻译自Auth-Boss. 如果有翻译的不恰当或不对的地方, 欢迎指出. 成为一个认证老司机, 了解网络上不同的身份认证方法. 本文档的目的是记录和编目Web上的身份验证方法.认证指的是创建一个系 ...

  9. 全栈项目|小书架|服务器开发-JWT 详解

    JWT 官方简介:Introduction to JSON Web Tokens 文章基本是官网内容的翻译,英文不错的同学可点击上面的链接直接看英文文档. 什么是 JWT JWT全称是JSON Web ...

随机推荐

  1. HDU 5877 Weak Pair（树状数组）

    [题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=5877 [题目大意] 给出一棵带权有根树,询问有几对存在祖先关系的点对满足权值相乘小于等于k. [题 ...

  2. Java图形化界面设计——布局管理器之null布局（空布局）

    一般容器都有默认布局方式,但是有时候需要精确指定各个组建的大小和位置,就需要用到空布局. 操作方法: 1)       首先利用setLayout(null)语句将容器的布局设置为null布局(空布局 ...

  3. SQL基础查询实战

    总结: 一.单表查询的情况: 1.where.....group by .. Having count(..) 2.Group by haing min(..)条件and max(..)条件(查询最低 ...

  4. tp中phpexcel导出实例

    public function phpexcel(){ //测试$this->display("User:xx");//跨模块分配页面User模块xx.html // xx\ ...

  5. 合作开发，导入MyEclipse项目报错问题

    因工作原因,同事将他的java项目交接给了我.和平时的交接一样.他把他最新的源代码,打成压缩包,发给我.我解压后,使用myeclipse开发工具,通过导入,将项目导入到我的开发工具中,这个时候有一个问 ...

  6. 今天碰到的angular 中的一个小坑

    最近在自个儿研究angular,在写一个demo的时候总是有问题,最后发现居然是大小写的问题,卧槽 特tm的坑爹了,代码如下: <!DOCTYPE html> <html lang= ...

  7. Node.js 小工具--supervisor

    Node.js 在写文件的时候 一旦更改.每次都得重新运行 app.js. 很麻烦. supervisor 工具可以帮助你 监听文件改动,自动重启. sudo npm install -g super ...

  8. js中使用控件名和数组下标方式获取控件的值时失败

    在做界面展示时涉及到表单行项目的增加和删除时,我们一帮都使用js的脚本实现表单行的增加和删除,那么在进行表单的提交的时我们会再页面上进行提交数据的初步校验,进行数据的初步校验时,就要动态获取控件的值. ...

  9. ubuntu 16.04环境配置

    ubuntu 16:1.源cp /etc/apt/sources.list /etc/apt/sources.list.bkpvi /etc/apt/sources.list-+{    deb ht ...

  10. poj 2773 Happy 2006 容斥原理+二分

    题目链接 容斥原理求第k个与n互质的数. #include <iostream> #include <vector> #include <cstdio> #incl ...