• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> json教程 >> JavaScript解析Json

JavaScript解析Json

• 作者：创新互联 文章来源：前端开发部 点击数： 更新时间：2008-11-10
• 　　JSON（JavaScriptObject Notation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。
  　　JSON的规则很简单：对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’对”之间使用“,”（逗号）分隔。具体细节参考http://www.json.org/json-zh.html
  举个简单的例子：
  js 代码
  1.functionshowJSON() {  
  2.    varuser =  
  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.functionshowJSON() {  
  2.    varuser =  
  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.}   
  　　SON提供了json.js包，下载www.json.org/json.js后，将其引入然后就可以简单的使用object.toJSONString()转换成JSON数据。
  js 代码
  1.functionshowCar() {  
  2.    varcarr =newCar("Dodge","Coronet R/T", 1968,"yellow");  
  3.     alert(carr.toJSONString());  
  4.}  
  5. 
  6.functionCar(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.functionmyEval() {  
  2.    varstr = '{"name":"Violet","occupation":"character"}';  
  3.    varbj = eval('(' + str + ')');  
  4.     alert(obj.toJSONString());  
  5.}   
  或者使用parseJSON()方法
  js 代码
  1.functionmyEval() {  
  2.    varstr = '{"name":"Violet","occupation":"character"}';  
  3.    varbj = 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.functionsendRequest() {  
  2.    varurl ="/MyWebApp/JSONTest1";  
  3.    varmailAjax =newAjax.Request(  
  4.         url,  
  5.         {  
  6.             method: 'get',  
  7.             onComplete:jsonResponse  
  8.         }  
  9.     );  
  10.}  
  11. 
  12.functionjsonResponse(originalRequest) {  
  13.     alert(originalRequest.responseText);  
  14.    varmyobj = originalRequest.responseText.parseJSON();  
  15.     alert(myobj.name);  
  16.}   
  prototype-1.5.1.js中提供了JSON的方法，String.evalJSON(),可以不使用json.js, 修改上面的方法
  js 代码
  1.functionjsonResponse(originalRequest) {  
  2.     alert(originalRequest.responseText);  
  3.    varmyobj = originalRequest.responseText.evalJSON(true);  
  4.     alert(myobj.name);  
  5.}   
  JSON还提供了java的jar包 http://www.json.org/java/index.html API也很简单，下面举个例子
  在javascript中填加请求参数
  js 代码
  1.functionsendRequest() {  
  2.    varcarr =newCar("Dodge","Corone
• 什么是JSON ？ :上一篇
  JSON教程用途 :下一篇