【W3S】JSON

本笔记来自W3School,并不全面,日后应当在实际应用中补充

实例
<html>
<body>
<h2>在JavaScript中创建JSON对象</h2>
<p>
Name: <span id="jname"></span><br/>
Age: <span id="jage"></span><br/>
Address: <span id="jstreet"></span><br/>
Phone: <span id="jphone"></span><br/>
</p>
<script type="text/javascript">
var JSONObject={
"name":"Bill Gates",
"street":"Fifth Avenue New York 666",
"age":56,
"phone":"555 1234567"
};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>
</body>
</html>

与XML的比较
同:
● JSON是纯文本
● JSON具有“自我描述性“(人类可读)
● JSON具有层级结构(值中存在值)
● JSON可通过JavaScript进行解析
● JSON数据可使用Ajax进行传输
异:
● 没有结束标签
● 更短
● 读写的速度更快
● 能够使用内建的JavaScript eval()方法进行解析
● 使用数组
● 不使用保留字

JSON语法
● 数据在名称/值中:"firstName":"John" <=>firstName="John"
● 数据由逗号分隔
● 花括号保存对象
● 方括号保存数组
JSON值可以是:
数字:整数或浮点数
字符串:用双引号阔起来
逻辑值:true、false
数组:用方括号阔起来-{"colors":[{"name":"红","value":"red"},{"name":"蓝","value":"blue"}]}
对象:用花括号阔起来-{"firstName":"John","lastName":Doe"}
null

JSON文件
● JSON文件的文件类型是.json
● JSON文件的MIME类型是application/json

把JSON文本转换为JavaScript对象
JSON最常见的用法之一,是从Web服务器上读取JSON数据(作为文件或为HttpRequest),将JSON数据转换为Javascript对象,然后在网页中使用该数据。下面使用字符串而非文件作为输入演示:
创建Javascript对象:
var txt=‘{"employees":[‘+
  ‘{"firstName":"John","lastName":"Doe"},‘+
  ‘{"firstName":"Anna","lastName":"Smith"},‘+
  ‘{"fistName":"Peter","lastName":"Jones"}]}‘;
var obj=eval("("+txt+")");
在网页中使用Javascript对象:
<p>
First Name: <span id="fname"></span><br/>
Last Name: <span id="lname"></span><br/>
</p>
<script>
document.getElementById("fname").innerHTML=obj.employees[1].firstName
document.getElementById("lname").innerHTML=obj.employees[1].lastName
</script>

时间: 2024-10-27 18:49:14

【W3S】JSON的相关文章

【python】-- json &amp; pickle、xml、requests、hashlib、shelve、shutil、configparser、subprocess

json & pickle Python中用于序列化的两个模块 json     用于[字符串]和 [python基本数据类型] 间进行转换 pickle   用于[python特有的类型] 和 [python基本数据类型]间进行转换 Json模块提供了四个功能:dumps.dump.loads.load 1.dumps序列化和loads反序列化 dumps()序列化 import json #导入json模块 info = { 'name':"zhangqigao", &qu

【20171227】json

json对象格式:{"key1": "value1", "key2": "value2"} json.dumps(): 对数据进行编码.json.loads(): 对数据进行解码. Python JSON dict object list,tuple array str string int,float number True true False false None null [实例] #coding=utf-8 __au

【转】json与jsonp区别浅析(json才是目的,jsonp只是手段)

一言以蔽之,json返回的是一串数据:而jsonp返回的是脚本代码(包含一个函数调用): JSON其实就是JavaScript中的一个对象,跟var obj={}在质上完全一样,只是在量上可以无限扩展.简单地讲,json其实就是JavaScript中的对象(Object)和数组(Array,其实也是对象)这倆好基友在那儿你嵌我我嵌你地套上n多层,以此模拟出许多复杂的数据结构. json易于人阅读和编写,也易于机器解析和生成,相对网络传输速率较高,功能型网站前后端往往要频繁大量交换数据,而json

【转】JSON简介以及用法代码汇总

什么是JSON? JavaScript 对象表示法(JavaScript Object Notation). JSON是一种轻量级的数据交换格式,某个JSON格式的文件内部譬如可以长成这样: { "name": "hanzichi", "sex": "male" } 看起来都是key-value的键值对,很像js的对象吧?没错,但同时JSON表示不服,我不能跟js的对象长成一样啊,我得有我自己的个性,于是规定键-值对中的键必须

【java】json格式解析

实现一个小功能,都磕磕绊绊.信心全无.感觉又变成死循环,觉得磨刀误砍柴,于是用一把半成品废刀一块一块的削.最后削出的玩意乱七八糟,自己也费了好大劲. 功能是,先从数据库中查询到一串数据,然后要组织成json格式,再返回给jsp,jsp才能显示到前端界面上.可是现在不显示,原因应该是返回的不是json格式,所以前端接口不认识. JSON定义    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成.它基于ECMA2

【iOS】json格式转换

NSString *str = nil; //字符串 NSMutableString *string = [[NSMutableString alloc] init]; [string appendString:@"xxxx"]; str = [string JSONString]; NSLog(@"str1:%@",[NSString stringWithString:str]); //数组 NSArray *array = [[NSArray alloc] in

【转】json格式化、高亮库jsonFormater

http://leo108.com/pid-1996.asp JsonFormater 基于jQuery的json格式化.高亮库 核心代码参考天马行空工作室,本人只做了模块化和一些代码优化. demo http://leo108.github.io/jsonFormater/ github地址 https://github.com/leo108/jsonFormater 使用方式 引入jQuery 1 <script type="text/javascript" src=&quo

【JAVASCRIPT】json 与 string

1. 互相转换 JSON.stringify(jsonobj) json对象转化为string JSON.parse(string) string转化为json,注意{“name”:"hxy","sex":"f"} key与value都要用双引号包起来!!! 2. 类似 eval(boolobj) 将bool 对象转化为string

【转载】json对象的使用

使用JSON 进行数据传输 一.选择的意义 在异步应用程序中发送和接收信息时,可以选择以纯文本和 XML 作为数据格式.为了更好的使用ajax, 我们将学习一种有用的数据格式 JavaScript Object Notation (JSON ),以及如何使用它更轻松地在应用程序中移动数据和对象.JSON 是一种简单的数据交换格式,在某些方面,它的作用与XML 非常类似,但比XML 更为简单,JSON 的语法简化了数据交换的难度,而且提供了一种 伪对象 的方式. Java 的对象 < - >Ja