热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> AJAX编程>>正文内容

以实例讲解json格式应用的json详细示例教程

发布时间:2010年01月07日点击数: 未知

本文使用的知识应用于Json官方的JS,Json官方网址是:http://www.json.org/json-zh.html

请先下载最新Json文件。好了,下面就开始讲Json实例教程,直接看源码:

  1. <script type="text/javascript" src="json2.js"></script>   
  2. <script>   
  3. //直接声明json数据结构   
  4. var myJSONObject = {"bindings": [   
  5.         {"ircEvent""PRIVMSG""method""newURI""regex""^http://.*"},   
  6.         {"ircEvent""PRIVMSG""method""deleteURI""regex""^delete.*"},   
  7.         {"ircEvent""PRIVMSG""method""randomURI""regex""^random.*"}   
  8.     ]   
  9. };   
  10. //声明字符串,可对比一下json文本与我们正常文本的区别   
  11. var normalstring='[{persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]}]';   
  12. var jsontext='[{"persons":[{"name":"jordan","sex":"m","age":"40"}, {"name":"bryant","sex":"m","age":"28"}, {"name":"McGrady","sex":"m","age":"27"} ]}]';   
  13.  
  14. //调用eval函数转换为json对象,   
  15. var myE = eval(normalstring);   
  16. document.writeln(myE+'<br><br>');   
  17. //将json对象转换为字符串   
  18. var text = JSON.stringify(myE);   
  19. //对比转换后的json文本与声明的文本区别   
  20. document.writeln('转换后的json文本:'+text+'<br><br>声明的json格式文本'+jsontext+'<br><br>声明的普通格式文本'+normalstring+'<br><br>');   
  21.  
  22. //当安全比较重要的时候使用JSON解析就好一些。JSON解析只会识别JSON文本并且它更安全,下面调用json的parse函数对文本数据转换生成json数据结构   
  23. var myData = JSON.parse(jsontext);   
  24.  
  25. document.writeln(myData+'<br><br>');   
  26.  
  27. //下面是对json对象的增删查改操作   
  28.  
  29. //声明json对象   
  30.  
  31. var jsonObj2={persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]};   
  32.  
  33. var persons=jsonObj2.persons;   
  34. var str="";   
  35.  
  36. var person={name:"yaoMing",sex:"m",age:"26"};   
  37. //以下为json对象的操作,去掉注释可以查看操作结果   
  38. //jsonObj2.persons.push(person);//数组最后加一条记录   
  39. //jsonObj2.persons.pop();//删除最后一项   
  40. //jsonObj2.persons.shift();//删除第一项   
  41. jsonObj2.persons.unshift(person);//数组最前面加一条记录 只要适合Javascript的方法都是可以用在JSON对象的数组中的!所以还有另外的方法splice( )进行crud操作! //删除   
  42. //jsonObj2.persons.splice(0,2);//开始位置,删除个数   
  43. //替换不删除   
  44. var self={name:"tom",sex:"m",age:"24"};   
  45. var brother={name:"Mike",sex:"m",age:"29"};   
  46. jsonObj2.persons.splice(1,0,self,brother,self);//开始位置,删除个数,插入对象   
  47. //替换并删除   
  48. //jsonObj2.persons.splice(0,1,self,brother);//开始位置,删除个数,插入对象   
  49.  
  50. for(var i=0;i<persons.length;i++){ var cur_person=persons[i]; str+=cur_person.name+"'sex is "+cur_person.sex+" and age is "+cur_person.age+"<br><br>"; }   
  51. document.writeln(str);   
  52. //转换为json文本   
  53. var myjsonobj = JSON.stringify(jsonObj2);   
  54. document.writeln(myjsonobj);   
  55. </script>  

本站热点业务

更多模板/案例展示

关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作