- 浏览: 196605 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
nenyalanye_1:
没用过 下下来研究研究!
JSDT-Eclipse下的Javascript调试插件 -
noahweb:
datas = new BO.Datas();
entryA ...
Easyb初体验 -
noahweb:
easyb 如何定义一个list?结构如下,如果对BO.Dat ...
Easyb初体验 -
elemark:
很有用,受教了其中关于响应时间timeout的处理,帮了我的大 ...
Ext点滴 -
inritxihc:
哦哦,解决了我的疑惑。
div层遮盖flash(兼容浏览器)
是什么?
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
发表评论
-
虚拟机Ubuntu上WAS的安装笔记
2009-11-16 15:46 1793最近大家都在玩虚拟机,也决定装一个玩玩,要不然还真 ... -
如何进行Ajax框架选型?
2009-07-30 09:16 1130Ajax/RIA框架异彩纷呈,该如何做出取舍呢,《 Ajax ... -
设计中最常用的五类CSS选择器
2009-03-09 09:59 1103一、标签选择器: 顾名思议,标签选择器是直接将HT ... -
Ext点滴
2009-02-19 17:27 3631Ext.fly()正解 写道 Result: ... -
Ext事件机制
2009-02-19 14:41 1285先看看这里的说明:http://www.cnblogs.com ... -
Ext中实现表单列的横排
2009-01-22 16:50 2424首先看一个界面: 默认情况下,Ext中的FormPan ... -
全面理解javascript的caller,callee,call,apply概念
2009-01-08 14:15 1103转自:http://javascript.chinahtml ... -
JSDT-Eclipse下的Javascript调试插件
2008-11-11 08:24 4607简介: JSDT(Javascript De ... -
JS事件处理的一点细节
2008-10-16 09:20 1018在Javascript中我们可以利用下面的方式来给一个HTM ... -
javascript之XML DOM对象
2008-09-05 16:53 1827转自:http://www.duduwolf.com/wiki ... -
Web开发小技巧
2008-08-17 13:41 906只显示垂直滚动条,不显示水平滚动条:设置body的style ... -
Cookie操作
2008-08-17 13:30 11081、在Javascript中操作Cookie: < sc ... -
同源策略
2008-08-08 12:00 3576概念: 同源策 ... -
HTTP原始方法上传下载文件
2008-08-08 11:58 1310上传: 1、设置表单的ENCTYPE='multipart/f ... -
div VS. span
2008-08-08 11:54 1036在CSS的布局概念中,SPAN是一个内联元素(in ... -
利用JS屏蔽右键和检测键盘按键
2008-08-05 21:33 3188屏蔽鼠标右键: <body oncontextmenu= ...
相关推荐
json使用大全json使用大全json使用大全json使用大全json使用大全json使用大全json使用大全json使用大全json使用大全json使用大全json使用大全json使用大全
json使用教程
json 使用资料json 使用资料json 使用资json 使用资料料
java使用superMap解析DWG文件为json输出,本地通过,附件中为word操方式按照步骤可以导入数据集
android json使用方法,使用json完成java与c++数据封装传输
Json格式使用需要使用的依赖包,这里给提供,使用时导入,避免大家的查找麻烦
json使用联系,包括序列化的使用以及在socket中的一点应用,使用linux下c++编写
json lib net.sf.json使用的所有jar包,不用找jar包了。json lib是很好的json解析工具类。
C# JSON库 Newtonsoft.Json 使用范例源码(双向动态生成,无需事先定义类): 1. 将字典类型序列化成Json字符串 2. 将Json字符串,反序列化成字典类型 3. 动态添加字典类型并序列化为Json字符串 4. 根据Json字符...
json使用样类,c++代码demo,使用c++进行json协议通信,测试可用
Json 使用简单实例 c++ 版,内含 VS2008 工程文件
linux下的json格式数据打包与解析,可用于网络交互,比较容易上手。
NULL 博文链接:https://liujianeye.iteye.com/blog/1150049
主要是json使用时要用到的jar包,里面我做了一些和Struts2整合时遇到jar包冲突问题时的解决办法简介
把网上所有关于Newtonsoft.Json使用方法进行了总结,里面包括Json的序列化和发序列化,还有日期的处理。希望对大家有用。
java配合json使用的JAR,版本配套9个JAR
net.sf.json使用的lib(包括依赖lib) 1.commons-lang.jar 2.commons-beanutils.jar 3.commons-collections.jar 4.commons-logging.jar 5.ezmorph.jar 6.json-lib-2.2.2-jdk15.jar
json使用-bookmanager
第六章 Caché JSON 使用JSON适配器
json object string 使用开发说明