是什么?
JSON(JavaScript Object Notation)是以一种对象方式操作Javascript的技术,它是建立在W3C标准之上的,并且不依赖于特定语言。它提供了简便的表示对象的方式,具体体现为下面两种数据结构:
Map:提供了KEY/VALUE形式表示对象的属性和值,对象间的属性是无序的;
Array :提供了有序的集合。
简单来说,JSON中只使用两种符号:
{}大括号:表示一个对象的界限,其中包括用逗号分隔的多个键值对(属性名:属性值);
[]方括号: 作为对象数组形式属性的界限,其中包括多个用逗号隔开的值(也可以是复杂结构的值)。
说明:
对象是属性、值对的集合。一个对象的开始于“{”,结束于“}”。每一个属性名和值间用“:”提示,属性间用“,”分隔。
数组是有顺序的值的集合。一个数组开始于"[",结束于"]",值之间用","分隔。
值可以是引号里的字符串、数字、true、false、null,也可以是对象或数组。这些结构都能嵌套。
字符串和数字的定义和C或Java基本一致。
基本应用?
下面的例子表示了一个学生对象:
var student = { "id": 123, "name": {“firstName”:"haha","lastName":"heihei"}, "phone": ["12348466789", "02912345678"], "addr":"paris" }
我们便可以用student.id、student.phone[0]、student.name.firstName(student['name']['firstName'])的方式引用student的属性。
Java语言中的应用?
(注:下面的示例默认我们已经下载了json.js和JSON针对JAVA语言的实现代码)
1、页面的使用:
json.js中提供了JSON对象,它主要包括两个函数,用于JSON字符串和对象间的转换:
var o = JSON.parse(jsonStr);//将JSON字符串转化成Javascript对象 var s = JSON.stringify(obj); //将Javascript对象转化成JSON字符串
以下是页面 实际使用的例子(部分):
<html>
<head><title>TEST JSON</title>
<script type="text/javascript" src="json.js"></script>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHttp");
}else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function hello(){
var car = getCarObject();
var carAsJSON = JSON.stringify(car);
//alert("Car object as JSON:\n" + carAsJSON);
var url = "JSONExample1?timestamp=" + new Date().getTime();
createXMLHttpRequest();
xmlHttp.open("POST", url, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
xmlHttp.send(carAsJSON);
}
function handleStateChange(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
parseResults();
}
}
}
function parseResults(){
var responseDiv = document.getElementById("serverResponse");
if(responseDiv.hasChildNodes()){
responseDiv.removeChild(responseDiv.childNodes[0]);
}
var responseText = document.createTextNode(xmlHttp.responseText);
responseDiv.appendChild(responseText);
var c = document.getElementById("c");
c.color = getCarObject().color;
}
function getCarObject(){
var make = document.getElementsByName("make");
var selectMake;
for(var i = 0; i < make.length; i++){
if(make[i].checked){
selectMake = make[i].value;
}
}
var color = document.getElementsByName("color");
var selectColor;
for(var i = 0; i < color.length; i++){
if(color[i].checked){
selectColor = color[i].value;
}
}
return new Car(selectMake, selectColor);
}
function Car(make, color){
this.make = make;//品牌
this.color = color;//颜色
}
</script>
</head>
<body bgcolor="lightblue">
<br/>
<h2>疯狂购车</h2>
<form action="#">
请选择车的品牌:
<input type="radio" name="make" checked="true" value="AUDIO" οnclick="hello();">奥迪
<input type="radio" name="make" value="BENZ" οnclick="hello();">奔驰
<input type="radio" name="make" value="BMW" οnclick="hello();">宝马
<input type="radio" name="make" value="TOYOTA" οnclick="hello();">丰田
<br/>
请选择车的颜色:
<input type="radio" name="color" checked="true" value="BLACK" οnclick="hello();">黑色
<input type="radio" name="color" value="GREEN" οnclick="hello();">绿色
<input type="radio" name="color" value="RED" οnclick="hello();">红色
<input type="radio" name="color" value="BLUE" οnclick="hello();">蓝色
<br/><br/>
</form>
<font id="c" color="black"><b><div id="serverResponse"></div></b></font>
</body>
</html>
2、服务器端代码中的使用:
import java.io.BufferedReader;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.json.JSONException;
import org.json.JSONObject;
public class JSONExample1 extends HttpServlet{
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws IOException, ServletException {
request.setCharacterEncoding("UTF-8");
String json = readJSONStringFromRequestBody(request);
System.out.println("========" + json);
JSONObject jsonObject = null;
try{
jsonObject = new JSONObject(json);
}catch(JSONException e){
System.out.println("JSONException");
e.printStackTrace();
}
String car = "";
String color = "";
try {
car = jsonObject.getString("make");
color = jsonObject.getString("color");
} catch (JSONException e1) {
System.out.println("JSONException");
e1.printStackTrace();
}
String fCar = "奥迪";
String fColor = "黑色";
if("AUDIO".equalsIgnoreCase(car)){
fCar = "奥迪";
}else if("BENZ".equalsIgnoreCase(car)){
fCar = "奔驰";
}else if("BMW".equalsIgnoreCase(car)){
fCar = "宝马";
}else if("TOYOTA".equalsIgnoreCase(car)){
fCar = "丰田";
}
if("BLACK".equalsIgnoreCase(color)){
fColor = "黑色";
}else if("RED".equalsIgnoreCase(color)){
fColor = "红色";
}else if("GREEN".equalsIgnoreCase(color)){
fColor = "绿色";
}else if("BLUE".equalsIgnoreCase(color)){
fColor = "蓝色";
}
String responseText = " 恭喜您拥有了一辆"
+ fColor + fCar + ".";
response.setContentType("text/html;charset=UTF-8");
response.getWriter().print(responseText);
}
private String readJSONStringFromRequestBody(HttpServletRequest request) {
StringBuffer json = new StringBuffer();
String line = null;
try {
BufferedReader reader = request.getReader();
while((line = reader.readLine()) != null){
json.append(line);
}
} catch (IOException e) {
System.out.println("IOException");
e.printStackTrace();
}
return json.toString();
}
}
应用前景:
Web数据传递,像Ajax应用中的数据传递,例如在ExtJS中的HttpProxy利用JSON字符串格式传递数据。
参考资源
官方网站:http://www.json.org
使用 JSON 进行数据传输:http://www.ibm.com/developerworks/cn/web/wa-ajaxintro10/
补充(2008-10-16)
在上面的例子中我们使用了json.org提供的Jar包,它的操作不够优雅,我们又找到了json-lib,它的使用转载如下:
(转自:http://blog.csdn.net/jawsy/archive/2007/04/09/1557165.aspx)
下载
到http://json-lib.sourceforge.net下载json-lib-1.1-jdk15.jar,运行json还需要的包有:commons-lang.jar、commons-logging.jar,commons-beanutils.jar、
xom-1.0-2005-01-05.jar、ezmorph-1.0.1.jar,可在http://www.docjar.com搜索下载。
转化数组和集合
boolean[] boolArray = new boolean[]{true,false,true};
JSONArray jsonArray = JSONArray.fromObject(boolArray);
System.out.println(jsonArray);
输出:[true,false,true]
List list = new ArrayList();
list.add(“第一个”);
list.add(“第二个”);
JSONArray jsonArray = JSONArray.fromObject(list);
System.out.println(jsonArray);
输出:[“第一个”, “第二个”]
JSONArray jsonArray3 = JSONArray.fromObject("['json','is','easy']");
System.out.println(jsonArray3);
输出:[“json”, “is”, “'easy'”]
转化Map
Map map = new HashMap();
map.put("name","json");
map.put("bool",Boolean.TRUE);
map.put("int",new Integer(1));
map.put("arr",new String[]{"a","b"});
map.put("func","function(i){return this.arr[i];}");
JSONObject json = JSONObject.fromObject(map);
System.out.println(json);
输出:[“name”: “json”, “bool”:true, “int”,1, “arr”:[ “a”, “b”], “func”:function(i){return this.arr[i];}]
转化Bean
//MyBean.java
public class MyBean {
private String name = "json";
private int pojoId = 1;
private String func1 = "function(i){return this.options[i]}";
private JSONFunction func2 =
new JSONFunction(new String[]{"i"},"return this.options[i];");
//以下为get、set方法
}
MyBean bean = new MyBean();
JSONObject jsonObject = JSONObject.fromObject(bean);
System.out.println(jsonObject);
输出:{"func1":function(i){return this.options[i]},"pojoId":1,"name":"json","func2":function(i){ return this.options[i]; }
从JSON到Beans
//转化为动态bean
String myjson = "{name=\"json\",bool:true,int:1,double:2.2,function:function(a){return a;},array:[1,2]}";
JSONObject json1 = JSONObject.fromString(myjson);
Object bean1 = JSONObject.toBean(json1);
由JSON生成XML
JSONObject json = new JSONObject(true);
XMLSerializer xmlSerializer = new XMLSerializer();
String xml = xmlSerializer.write(json);
System.out.println("xml:" + xml);
输出xml:
<?xml version="1.0" encoding="UTF-8"?> <o null="true"/>
JSONObject json2 = JSONObject.fromObject("{\"name\":\"json\",\"bool\":true,\"int\":1}");
String xml2 = xmlSerializer.write(json2);
System.out.println("xml2:" + xml2);
输出xml2:
<?xml version="1.0" encoding="UTF-8"?> <o> <bool type="boolean">true</bool> <int type="number">1</int> <name type="string">json</name> </o>
JSONArray json3 = JSONArray.fromObject("[1,2,3]");
String xml3 = xmlSerializer.write(json3);
System.out.println("xml3:" + xml3);
输出xml3:
<?xml version="1.0" encoding="UTF-8"?> <a> <e type="number">1</e> <e type="number">2</e> <e type="number">3</e> </a>