JSON使用

lixw

浏览: 200813 次
性别:
来自: 杭州

最近访客更多访客>>

u012363178

kawaii_xw

qxo

suncong1024

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

WEB开发

json JavaScript Bean XML Servlet

是什么？

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" onclick="hello();">奥迪
<input type="radio" name="make" value="BENZ" onclick="hello();">奔驰
<input type="radio" name="make" value="BMW" onclick="hello();">宝马
<input type="radio" name="make" value="TOYOTA" onclick="hello();">丰田
<br/>

请选择车的颜色:
<input type="radio" name="color" checked="true" value="BLACK" onclick="hello();">黑色
<input type="radio" name="color" value="GREEN" onclick="hello();">绿色
<input type="radio" name="color" value="RED" onclick="hello();">红色
<input type="radio" name="color" value="BLUE" onclick="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>

json.zip (188.6 KB)
下载次数: 214

分享到：

Maven命令 | 同源策略

2008-08-08 14:09
浏览 3539
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JSON使用

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JSON使用

评论

发表评论

相关推荐

虚拟机Ubuntu上WAS的安装笔记

如何进行Ajax框架选型？

设计中最常用的五类CSS选择器

Ext点滴

Ext事件机制

Ext中实现表单列的横排

全面理解javascript的caller,callee,call,apply概念

JSDT-Eclipse下的Javascript调试插件

JS事件处理的一点细节

javascript之XML DOM对象

Web开发小技巧

Cookie操作

同源策略

HTTP原始方法上传下载文件

div VS. span

利用JS屏蔽右键和检测键盘按键

最近访客更多访客>>