什么是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. Linux下安装memcached

    Linux下安装memcached 1.运行memcached需要本文开头介绍的libevent库 $ sudo yum install libevent libevent-deve 2.下载安装me ...

  2. DAL – RDBMS 的分区

    编辑人员注释:本文章由AzureCAT 云与企业工程组的高级项目经理Shaun Tinline-Jones 和Chris Clayton 共同撰写. "云服务基础"应用程序也称作& ...

  3. Jquery读取URL参数

    $(document).ready(function(){ function getQueryString(name) { var reg = new RegExp("(^|&)&q ...

  4. shell编程之文本与日志过滤

    1:grep命令: grep -v  "char"  file_name 匹配不包括"char"的文本 grep -n -w "char" ...

  5. xcode 不值钱的动画UIImageView

    了解 animateWithDuration方法 制作动画变得不值钱 代码创建一个UIImageView 后加入self.view 容器中 调用点击屏幕touchesBegan 方法执行动画 #imp ...

  6. jade初学

    jade是一个比ejs略难得模板.express的默认模本就是jade. 今天看了一下其实不是太难~~ 笔记: jade中使用缩进来定义HTML文档的层次结构 jade不需要关闭标签 给div添加id ...

  7. web前端的发展态势

     以前 作为一个java程序员写的代码主要还是后台的代码,虽然开始的时候前后端都写,但是也是用别人造好的轮子来用,学学html,css,js,jquery,再找一个前端ui框架学学,上手之后我们就可以 ...

  8. 10条影响CSS渲染速度的写法与建议

    1.*{} #zishu *{} 尽量避开由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就把所有标签的默 ...

  9. eclipse或adt-bundle创建的android项目没有自动生成MainActivity.java和activity_main.xml等文件解决办法

    以前我电脑一直以来都是用的eclipse3.7来开发android项目的,创建android项目也能正常生成MainActivity.java和activity_main.xml等文件.后来不知道什么 ...

  10. select标签操作大全

    http://blog.csdn.net/hhhh2012/article/details/8610336