- 浏览: 2113727 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
sunzeshan:
找了很久,用了这个插件解决问题啦。谢谢
eclipse jetty debug source not found -
xiaosong0112:
您好,请问为什么要这样设置呢,原理是什么?在网上很多转帖都没有 ...
maven的jetty插件提示No Transaction manager found导致启动慢的解决方法 -
eimhee:
tjzx 写道畅搜谷歌:http://dian168.cc/打 ...
Google 镜像站搜集 -
tjzx:
畅搜谷歌:http://dian168.cc/打开的是“最火源 ...
Google 镜像站搜集 -
eimhee:
finallygo 写道你这属于"头痛医头脚痛医脚& ...
解决linux下too many file问题
JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
JSON的规则很简单: 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。具体细节参考http://www.json.org/json-zh.html
举个简单的例子:
js 代码
1. function showJSON() {
2. var user =
3. {
4. "username":"andy",
5. "age":20,
6. "info": { "tel": "123456", "cellphone": "98765"},
7. "address":
8. [
9. {"city":"beijing","postcode":"222333"},
10. {"city":"newyork","postcode":"555666"}
11. ]
12. }
13.
14. alert(user.username);
15. alert(user.age);
16. alert(user.info.cellphone);
17. alert(user.address[0].city);
18. alert(user.address[0].postcode);
19. }
这表示一个user对象,拥有username, age, info, address 等属性。
同样也可以用JSON来简单的修改数据,修改上面的例子
js 代码
1. function showJSON() {
2. var user =
3. {
4. "username":"andy",
5. "age":20,
6. "info": { "tel": "123456", "cellphone": "98765"},
7. "address":
8. [
9. {"city":"beijing","postcode":"222333"},
10. {"city":"newyork","postcode":"555666"}
11. ]
12. }
13.
14. alert(user.username);
15. alert(user.age);
16. alert(user.info.cellphone);
17. alert(user.address[0].city);
18. alert(user.address[0].postcode);
19.
20. user.username = "Tom";
21. alert(user.username);
22. }
JSON提供了json.js包,下载http://www.json.org/json.js 后,将其引入然后就可以简单的使用object.toJSONString()转换成JSON数据。
js 代码
1. function showCar() {
2. var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
3. alert(carr.toJSONString());
4. }
5.
6. function Car(make, model, year, color) {
7. this.make = make;
8. this.model = model;
9. this.year = year;
10. this.color = color;
11. }
可以使用eval来转换JSON字符到Object
js 代码
1. function myEval() {
2. var str = '{ "name": "Violet", "occupation": "character" }';
3. var obj = eval('(' + str + ')');
4. alert(obj.toJSONString());
5. }
或者使用parseJSON()方法
js 代码
1. function myEval() {
2. var str = '{ "name": "Violet", "occupation": "character" }';
3. var obj = str.parseJSON();
4. alert(obj.toJSONString());
5. }
下面使用prototype写一个JSON的ajax例子。
先写一个servlet (我的是servlet.ajax.JSONTest1.java)就写一句话
java 代码
1. response.getWriter().print("{ \"name\": \"Violet\", \"occupation\": \"character\" }");
再在页面中写一个ajax的请求
js 代码
1. function sendRequest() {
2. var url = "/MyWebApp/JSONTest1";
3. var mailAjax = new Ajax.Request(
4. url,
5. {
6. method: 'get',
7. onComplete: jsonResponse
8. }
9. );
10. }
11.
12. function jsonResponse(originalRequest) {
13. alert(originalRequest.responseText);
14. var myobj = originalRequest.responseText.parseJSON();
15. alert(myobj.name);
16. }
prototype-<st1:chsdate w:st="on" isrocdate="False" islunardate="False" day="30" month="12" year="1899">1.5.1</st1:chsdate>.js中提供了JSON的方法,String.evalJSON(), 可以不使用json.js, 修改上面的方法
js 代码
1. function jsonResponse(originalRequest) {
2. alert(originalRequest.responseText);
3. var myobj = originalRequest.responseText.evalJSON(true);
4. alert(myobj.name);
5. }
JSON还提供了java的jar包 http://www.json.org/java/index.html API也很简单,下面举个例子
在javascript中填加请求参数
js 代码
1. function sendRequest() {
2. var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
3. var pars = "car=" + carr.toJSONString();
4.
5. var url = "/MyWebApp/JSONTest1";
6. var mailAjax = new Ajax.Request(
7. url,
8. {
9. method: 'get',
10. parameters: pars,
11. onComplete: jsonResponse
12. }
13. );
14. }
使用JSON请求字符串就可以简单的生成JSONObject并进行解析,修改servlet添加JSON的处理(要使用json.jar)
java 代码
1. private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {
2. String s3 = request.getParameter("car");
3. try {
4. JSONObject jsonObj = new JSONObject(s3);
5. System.out.println(jsonObj.getString("model"));
6. System.out.println(jsonObj.getInt("year"));
7. } catch (JSONException e) {
8. e.printStackTrace();
9. }
10. response.getWriter().print("{ \"name\": \"Violet\", \"occupation\": \"character\" }");
11. }
同样可以使用JSONObject生成JSON字符串,修改servlet
java 代码
1. private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {
2. String s3 = request.getParameter("car");
3. try {
4. JSONObject jsonObj = new JSONObject(s3);
5. System.out.println(jsonObj.getString("model"));
6. System.out.println(jsonObj.getInt("year"));
7. } catch (JSONException e) {
8. e.printStackTrace();
9. }
10.
11. JSONObject resultJSON = new JSONObject();
12. try {
13. resultJSON.append("name", "Violet")
14. .append("occupation", "developer")
15. .append("age", new Integer(22));
16. System.out.println(resultJSON.toString());
17. } catch (JSONException e) {
18. e.printStackTrace();
19. }
20. response.getWriter().print(resultJSON.toString());
21. }
js 代码
1. function jsonResponse(originalRequest) {
2. alert(originalRequest.responseText);
3. var myobj = originalRequest.responseText.evalJSON(true);
4. alert(myobj.name);
5. alert(myobj.age);
6. }
参考
http://www.json.org/js.html
http://www.blogjava.net/Jkallen/archive/2006/03/28/37905.html
http://www.json.org/
http://www.prototypejs.org/learn/json
http://www.json.org/java/index.html
http://www.ibm.com/developerworks/cn/web/wa-ajaxintro10/index.html
JSON的规则很简单: 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。具体细节参考http://www.json.org/json-zh.html
举个简单的例子:
js 代码
1. function showJSON() {
2. var user =
3. {
4. "username":"andy",
5. "age":20,
6. "info": { "tel": "123456", "cellphone": "98765"},
7. "address":
8. [
9. {"city":"beijing","postcode":"222333"},
10. {"city":"newyork","postcode":"555666"}
11. ]
12. }
13.
14. alert(user.username);
15. alert(user.age);
16. alert(user.info.cellphone);
17. alert(user.address[0].city);
18. alert(user.address[0].postcode);
19. }
这表示一个user对象,拥有username, age, info, address 等属性。
同样也可以用JSON来简单的修改数据,修改上面的例子
js 代码
1. function showJSON() {
2. var user =
3. {
4. "username":"andy",
5. "age":20,
6. "info": { "tel": "123456", "cellphone": "98765"},
7. "address":
8. [
9. {"city":"beijing","postcode":"222333"},
10. {"city":"newyork","postcode":"555666"}
11. ]
12. }
13.
14. alert(user.username);
15. alert(user.age);
16. alert(user.info.cellphone);
17. alert(user.address[0].city);
18. alert(user.address[0].postcode);
19.
20. user.username = "Tom";
21. alert(user.username);
22. }
JSON提供了json.js包,下载http://www.json.org/json.js 后,将其引入然后就可以简单的使用object.toJSONString()转换成JSON数据。
js 代码
1. function showCar() {
2. var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
3. alert(carr.toJSONString());
4. }
5.
6. function Car(make, model, year, color) {
7. this.make = make;
8. this.model = model;
9. this.year = year;
10. this.color = color;
11. }
可以使用eval来转换JSON字符到Object
js 代码
1. function myEval() {
2. var str = '{ "name": "Violet", "occupation": "character" }';
3. var obj = eval('(' + str + ')');
4. alert(obj.toJSONString());
5. }
或者使用parseJSON()方法
js 代码
1. function myEval() {
2. var str = '{ "name": "Violet", "occupation": "character" }';
3. var obj = str.parseJSON();
4. alert(obj.toJSONString());
5. }
下面使用prototype写一个JSON的ajax例子。
先写一个servlet (我的是servlet.ajax.JSONTest1.java)就写一句话
java 代码
1. response.getWriter().print("{ \"name\": \"Violet\", \"occupation\": \"character\" }");
再在页面中写一个ajax的请求
js 代码
1. function sendRequest() {
2. var url = "/MyWebApp/JSONTest1";
3. var mailAjax = new Ajax.Request(
4. url,
5. {
6. method: 'get',
7. onComplete: jsonResponse
8. }
9. );
10. }
11.
12. function jsonResponse(originalRequest) {
13. alert(originalRequest.responseText);
14. var myobj = originalRequest.responseText.parseJSON();
15. alert(myobj.name);
16. }
prototype-<st1:chsdate w:st="on" isrocdate="False" islunardate="False" day="30" month="12" year="1899">1.5.1</st1:chsdate>.js中提供了JSON的方法,String.evalJSON(), 可以不使用json.js, 修改上面的方法
js 代码
1. function jsonResponse(originalRequest) {
2. alert(originalRequest.responseText);
3. var myobj = originalRequest.responseText.evalJSON(true);
4. alert(myobj.name);
5. }
JSON还提供了java的jar包 http://www.json.org/java/index.html API也很简单,下面举个例子
在javascript中填加请求参数
js 代码
1. function sendRequest() {
2. var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
3. var pars = "car=" + carr.toJSONString();
4.
5. var url = "/MyWebApp/JSONTest1";
6. var mailAjax = new Ajax.Request(
7. url,
8. {
9. method: 'get',
10. parameters: pars,
11. onComplete: jsonResponse
12. }
13. );
14. }
使用JSON请求字符串就可以简单的生成JSONObject并进行解析,修改servlet添加JSON的处理(要使用json.jar)
java 代码
1. private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {
2. String s3 = request.getParameter("car");
3. try {
4. JSONObject jsonObj = new JSONObject(s3);
5. System.out.println(jsonObj.getString("model"));
6. System.out.println(jsonObj.getInt("year"));
7. } catch (JSONException e) {
8. e.printStackTrace();
9. }
10. response.getWriter().print("{ \"name\": \"Violet\", \"occupation\": \"character\" }");
11. }
同样可以使用JSONObject生成JSON字符串,修改servlet
java 代码
1. private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {
2. String s3 = request.getParameter("car");
3. try {
4. JSONObject jsonObj = new JSONObject(s3);
5. System.out.println(jsonObj.getString("model"));
6. System.out.println(jsonObj.getInt("year"));
7. } catch (JSONException e) {
8. e.printStackTrace();
9. }
10.
11. JSONObject resultJSON = new JSONObject();
12. try {
13. resultJSON.append("name", "Violet")
14. .append("occupation", "developer")
15. .append("age", new Integer(22));
16. System.out.println(resultJSON.toString());
17. } catch (JSONException e) {
18. e.printStackTrace();
19. }
20. response.getWriter().print(resultJSON.toString());
21. }
js 代码
1. function jsonResponse(originalRequest) {
2. alert(originalRequest.responseText);
3. var myobj = originalRequest.responseText.evalJSON(true);
4. alert(myobj.name);
5. alert(myobj.age);
6. }
参考
http://www.json.org/js.html
http://www.blogjava.net/Jkallen/archive/2006/03/28/37905.html
http://www.json.org/
http://www.prototypejs.org/learn/json
http://www.json.org/java/index.html
http://www.ibm.com/developerworks/cn/web/wa-ajaxintro10/index.html
发表评论
-
jquery dual list 插件
2010-12-21 17:24 2354In my work, I came across the n ... -
Start PageIndexHistoryLast Change
2010-12-15 00:22 1007The specifications should provi ... -
ajax upload
2010-11-19 13:22 0ajax upload The following cri ... -
兼容IE和FF获取Referer的JS方法
2010-11-11 10:11 4464众所周知,我们web开发人员痛恨IE浏览器,因为IE不支持标准 ... -
jQuery优化
2010-09-16 08:30 5482之前,我们减少字节数和请求次数以及加载顺序以使页面加载的更快。 ... -
jQuery add table row
2010-08-23 13:39 0The approach you suggest is not ... -
Add and Remove items with jQuery
2010-08-23 13:25 0Add and Remove items with jQuer ... -
extjs和struts、json的整合
2009-08-13 09:52 4500使用extjs配合struts的MVC架构是目前流行的做法,两 ... -
extra 1px space in dialog handle style - Ext JS
2009-04-20 23:33 1564Im developing a new style and h ... -
Grid - Custom header renderer? - Ext JS
2009-04-20 23:33 2056Is it possible to create a cust ... -
Inputs to DatePicker - Ext JS
2009-04-20 23:33 2148I thought I had read that you c ... -
dateFormat with timezone - Ext JS
2009-04-20 23:33 3578If I create JSON data on server ... -
How to use Ext.each? - Ext JS
2009-04-20 23:33 4465I'm trying to use Ext.each. It ... -
afteredit event ... new value? - Ext JS
2009-04-20 23:33 1499the new value is not set before ... -
problem qith iframe's - Ext JS
2009-04-20 23:33 1123I want to have dialogs and wher ... -
[Grid] Ext.data documenation - Ext JS
2009-04-20 23:33 1454I'm porting my grids to use the ... -
Last column to auto-adjust - Ext JS
2009-04-20 23:33 2688I can't see that this is curren ... -
Tree non-async creation "bug" - Ext JS
2009-04-20 23:32 2383When building a tree without us ... -
Bug - reload method of AsyncTreeNode - Ext JS
2009-04-20 23:32 1995Happens when the tree config o ... -
Minor grid paging toolbar issues - Ext JS
2009-04-20 23:32 1506When a grid toolbar is displaye ...
相关推荐
Json学习 Json学习 Json学习 Json学习
json 实现ajax 返回对象 操作 json 学习 json研究
java学习资料json的源代码 欢迎大家下载学习
json 学习帮助文档 json 学习帮助文档 json 学习帮助文档
Json学习的ppt
四轧json学习学习111111
JavaScript数组对象JSON学习笔记,推荐
js遍历xml 遍历json学习
个人关于设备的json学习
Json学习笔记,你的必选哦,与大家共享,一起进步
什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它基于ECMA262语言规范(1999-12第三版)中JavaScript编程语言的一个子集。 JSON采用与...
json学习笔记、jackson的jar包、核心代码段。
本人学习 json总结希望 可以 给各位朋友 点 帮助
WCF,json
Json入门学习,包含了所需的所有jar包,学习资料等,希望对初学者的入门学习提高一些帮助。
JSON学习教程,是学习json不错的选择和好的帮手
Ajax,Json的学习笔记
介绍了json的三个工具struts json,json_lib, jackson-mapper 的使用方法和一些常见错误处理
尽管【JSON】是【JavaScript】的一个子集,但JSON是独立于语言的文本格式,并且采用了类似于C语言家族的一些习惯 { firstName:Tom, lastName:Smith, sex:male, age:23, married:false, address: { ...