JSON的概述|学习笔记

简介: 快速学习 JSON的概述

开发者学堂课程【​Ajax:JSON的概述】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/31


JSON的概述

jsonjs提供的一种数据交换格式(一种格式转换成另一种格式)。

json语法中{}是对象,其中需要注意的是属性名必须要使用双引号括起来,单引不行。

属性值有null,数值,字符串,数组(使用[]括起来),boolean值(turefalse)。

json应用如下:

. 应用json

★var person = {"name" :"zhangSan", "age":18, "sex":"male");|

例如:

window.onload = function() 1

var person = ("name": "zhangSan", "age": 18, "gex": "male"l;

alext (person.name + ", " + person.aget+",

“+ person.sex) ;

如果给的是字符串或者双引号引起来的必须得是eva1(“(“+str+”)”)

例如:

varstr="1+2";

var sum = eval("("+ str +")");

alert (sum) ;

向客户端发送json

string str = "[l"namel":l"zhangSan", "agel":18, "sexl":l"malel")";

response getWriter () print (str);

System. out. println (str) ;

json2.jsp点击按钮后,把服务器响应的数据显示到h3元素中

第一步要得到request,第二步要链接,第三步要发送,第四步要给xmlHttp的状态改变事件上添加监听,其中需要双重判断,具体如下:

//使用aj ax得到服务器端响应,把结果显示到h3中

Jrequest

.连接

xmlHttp.open("GET", "<c:url value=' /Aservlet'/>", true) ;

发送

xmlHttp .send (null);

.给xmlHttp的状态改变事件上添加监听

if (xanlhttp. readystateキ4 && xm1Http.status = 200) {

var text = xmlHttp. responseText;//它是- -个json串

执行json串

var person = eval("("+ text+")");

var s = person.dame +"r"tperson.age+",“+person.sex

document . getElementById("h3").innerHTM = s;

jsonxml的比较:

可读性:XML胜出

解析难度: JSON本身就是Js对象《主场作战),所以简单很多

流行度: XML已经流行好多年,但在AJAX领域,JSON更受欢迎。

相关文章
|
3月前
|
XML JSON 前端开发
JSON简介
JSON简介
47 1
|
XML JSON 分布式计算
Json 方式|学习笔记
快速学习 Json 方式。
119 0
|
JSON 分布式计算 Hadoop
json 方式 | 学习笔记
快速学习 json 方式
|
XML JSON 网络协议
JSON 格式和在线解析 | 学习笔记
快速学习 JSON 格式和在线解析
|
XML JSON 前端开发
|
XML JSON 前端开发
JSON的概述|学习笔记
快速学习 JSON的概述
|
JSON 数据格式
Json简介1
Json简介1
101 0
|
XML 存储 JSON
JSON简介及前端简单解析(一)
JSON简介及前端简单解析(一)
576 0
JSON简介及前端简单解析(一)
|
XML JSON 前端开发
JSON的概述|学习笔记
快速学习 JSON的概述
|
XML JSON JavaScript
JSON入门
什么是JSON JSON:JavaScript Object Notation 【JavaScript 对象表示法】 JSON 是存储和交换文本信息的语法。类似 XML。 JSON采用完全独立于任何程序语言的文本格式,使JSON成为理想的数据交换语言S 为什么需要JSON 提到JSON,我们就应该和XML来进行对比。
1223 0