JSON 学习
JSON （JavaScript Object Notation） 一种简单的数据格式， xml 更轻巧。 JSON 比 是 JavaScript 原生格式， 这意味着在 JavaScript 中处理 JSON 数据不需要任 何特殊的 API 或工具包。 JSON 的规则很简单： 对象是一个无序的“‘名称/值’对”集合。一个对象以 “{”（左括号）开始，

“}”（右括号）结束。每个“名称”后跟一个“:”（冒 号）；“‘名称/值’ 对”之间使用“,”（逗号）分隔。具体细节参考 举个简单的例子： js 代码 1. function showJSON() { var user = 2. 3. { "username":"andy", 4. 5. "age":20, 6. "info": { "tel": "123456", "cellphone": "98765"}, "address": 7. 8. [ {"city":"beijing","postcode":"222333"}, 9. 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. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22.}

var user = { "username":"andy", "age":20, "info": { "tel": "123456", "cellphone": "98765"}, "address": [ {"city":"beijing","postcode":"222333"}, {"city":"newyork","postcode":"555666"} ] } alert(user.username); alert(user.age); alert(user.info.cellphone); alert(user.address[0].city); alert(user.address[0].postcode); user.username = "Tom"; alert(user.username);

JSON 提供了 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() { var str = '{ "name": "Violet", "occupation": "character" }' 2. ; 3. var obj = eval('(' + str + ')'); 4. alert(obj.toJSONString()); 5. }

或者使用 parseJSON()方法 js 代码 1. function myEval() { 2. var str = '{ "name": "Violet", "occupation": "character" }' ; var obj = str.parseJSON(); 3. alert(obj.toJSONString()); 4. 5. }

下面使用 prototype 写一个 JSON 的 ajax 例子。 先写一个 servlet (我的是 servlet.ajax.JSONTest1.java)就写一句话 java 代码 1. response.getWriter().print("{ \"name\": \"Violet\", \"occupatio n\": \"character\" }");

再在页面中写一个 ajax 的请求 js 代码 1. function sendRequest() { 2. var url = "/MyWebApp/JSONTest1"; 3. var mailAjax = new Ajax.Request( 4. url, 5. { 6. method: 'get', onComplete: jsonResponse 7. 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); alert(myobj.name); 4. 5. }

JSON 还提供了 java 的 jar 包 API 也很 简单，下面举个例子 在 javascript 中填加请求参数 js 代码 1. function sendRequest() { 2. var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow"); 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. var pars = "car=" + carr.toJSONString(); var url = "/MyWebApp/JSONTest1"; var mailAjax = new Ajax.Request( url, { method: 'get', parameters: pars, onComplete: jsonResponse }

13. 14.}

);

参考 http://www.blogjava.net/Jkallen/archive/2006/03/28/37905.html http://www.prototypejs.org/learn/json http://www.ibm.com/developerworks/cn/web/wa-ajaxintro10/index.html