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更受欢迎。

 

 

相关文章
|
30天前
|
XML JSON 数据可视化
数据集学习笔记(二): 转换不同类型的数据集用于模型训练(XML、VOC、YOLO、COCO、JSON、PNG)
本文详细介绍了不同数据集格式之间的转换方法,包括YOLO、VOC、COCO、JSON、TXT和PNG等格式,以及如何可视化验证数据集。
40 1
数据集学习笔记(二): 转换不同类型的数据集用于模型训练(XML、VOC、YOLO、COCO、JSON、PNG)
|
JSON 前端开发 数据格式
前端学习笔记202306学习笔记第三十七天-js-认识json数据2
前端学习笔记202306学习笔记第三十七天-js-认识json数据2
48 0
|
6月前
|
JSON 前端开发 Java
Spring mvc-文件上传与JSON-学习笔记
Spring mvc-文件上传与JSON-学习笔记
68 2
|
JSON 前端开发 数据格式
前端学习笔记202307学习笔记第六十天-json server的介绍和服务搭建1
前端学习笔记202307学习笔记第六十天-json server的介绍和服务搭建1
68 0
|
JSON 前端开发 数据格式
前端学习笔记202306学习笔记第三十七天-js-认识json数据1
前端学习笔记202306学习笔记第三十七天-js-认识json数据1
58 0
|
JSON 前端开发 数据格式
前端学习笔记202306学习笔记第三十七天-js-认识json数据3
前端学习笔记202306学习笔记第三十七天-js-认识json数据3
59 0
|
JSON 数据格式 Python
python读取exlce并转为json的学习笔记
python读取exlce并转为json的学习笔记
83 0
|
JSON 数据格式
java202303java学习笔记第四十六天-请求-日期参数&json参数1
java202303java学习笔记第四十六天-请求-日期参数&json参数1
204 0
|
JSON 数据格式
java202303java学习笔记第四十六天-请求-日期参数&json参数2
java202303java学习笔记第四十六天-请求-日期参数&json参数2
59 0
|
JSON 数据格式
java202304java学习笔记第六十二天-ssm-页面跳转-回显数据json格式字符串
java202304java学习笔记第六十二天-ssm-页面跳转-回显数据json格式字符串
78 0