web开发学习笔记-json笔记

本文主要对Json基础知识进行介绍

JSON介绍

json格式的引入:

  1. 一种轻量级的数据交换格式
  2. JavaScript 对象表示法(JavaScript Object Notation)。
  3. JSON 是存储和交换文本信息的语法,类似 XML。但是JSON 比 XML 更小、更快,更易解析。

百科:
JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaScript的简写)中处理XML非常不方便,同时XML标记比数据多,增加了交换产生的流量,而JSON没有附加的任何标记,在JS中可作为对象处理,所以我们更倾向于选择JSON来交换数据。

格式

JSON有两种表示结构,对象和数组。

对象结构

该结构以”{”大括号开始,以”}”大括号结束。中间部分由0或多个以”,”分隔的”key(关键字)/value(值)”对构成,关键字和值之间以”:”分隔,语法结构如代码
示例:

1
2
3
4
JSON 对象{ 
"name":"张三" ,
"age":2
}

其中关键字是字符串,而值可以是字符串,数值,true,false,null,对象或数组

数组结构

数组结构以”[”开始,”]”结束。中间由0或多个以”,”分隔的值列表组成
语法结构如下代码

1
2
3
4
5
6
7
8
JSON 数组  
{
"student": [
{ "name":"张三" , "age":22 },
{ "name":"李四" , "age":23 },
{ "name":"王五" , "age":24 }
]
}

两种格式嵌套时

1
2
3
4
5
6
7
8
JSON 嵌套  
{
"student": [
{ "name":"张三" , "age":22 ,"score":{"chinese":90,"math":100,"english":80} },
{ "name":"李四" , "age":23 ,"score":{"chinese":70,"math":90, "english":90} },
{ "name":"王五" , "age":24 ,"score":{"chinese":80,"math":60, "english":90} }
]
}

这里我们常常需要了解以下知识
普通字符串json字符串json对象的区别。
在js中:

  1. 字符串:这个很好解释,指使用“”双引号或’’单引号包括的字符。例如:var comStr = 'this is string';
  2. json字符串:指的是符合json格式要求的js字符串
    例如:var jsonStr = "{StudentID:'100',Name:'tmac',Hometown:'usa'}";
  3. json对象:指符合json格式要求的js对象例如:var jsonObj = { StudentID: "100", Name: "tmac", Hometown: "usa" };
    把 Json 串 转换成 Json 对象:
    1
    var dataObj=eval("("+data+")");//转换为 json 对象

拾遗:

当字符串中“ ”中还有引号。这个时候需要用转义符\

1
String resultJson="{\"name\":\"张三\",\"age\":22}";

引入JSON的Java包

引入JSON的Java包来实现面向对象的方式来更加方便的定义使用JSON对象
Json 第三方 jar 包引入:
Json-lib

1
2
3
4
5
6
7
8
9
10
11
private void getJsonObject(HttpServletRequest request, HttpServletResponse response)  
throws ServletException, IOException {
PrintWriter out=response.getWriter();
// String resultJson="{\"name\":\"张三\",\"age\":22}";//不再使用这种不容易维护的写法
JSONObject resultJson=new JSONObject();
resultJson.put("name", "张三");
resultJson.put("age", 22);
out.println(resultJson);
out.flush();
out.close();
}

json实现单元格置表并输出

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
function loadInfo2(){  
var xmlHttp;
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}else{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4 && xmlHttp.status==200){
alert(xmlHttp.responseText);
var dataObj=eval("("+xmlHttp.responseText+")");
var st=document.getElementById("studentTable");
alert(dataObj.students.length);
var newTr; // 行
var newTd0; // 第一列
var newTd1; // 第二列
var newTd2; // 第三列
for(var i=0;i<dataObj.students.length;i++){
var student=dataObj.students[i];
newTr=st.insertRow();
newTd0=newTr.insertCell();
newTd1=newTr.insertCell();
newTd2=newTr.insertCell();
newTd0.innerHTML=student.name;
newTd1.innerHTML=student.age;
newTd2.innerHTML="语文:"+student.score.chinese+",数学:"+student.score.math+",英语:"+student.score.english;
}
}
};
-------------本文结束感谢您的阅读-------------