将一个js对象装换为一个JSON串

前几天做个歌问卷调查的功能,需要将用户选择的答案按照指定的JSON格式传到后台,其中用到了jquery-json插件将一个js对象装换为一个JSON串,顺便做个笔记。(插件地址:https://code.google.com/p/jquery-json/  附件中有用到的JS有需要可以试试)

Js代码   收藏代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <HTML>  
  3.  <HEAD>  
  4.   <TITLE> obj TO JSON Demo </TITLE>  
  5.   <META NAME="Generator" CONTENT="EditPlus">  
  6.   <META NAME="Author" CONTENT="">  
  7.   <META NAME="Keywords" CONTENT="">  
  8.   <META NAME="Description" CONTENT="">  
  9.  </HEAD>  
  10. <SCRIPT type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></SCRIPT>  
  11. <script type="text/javascript" src="js/jquery.json-2.4.min.js"></script>  
  12.  <BODY>  
  13.  <h2>利用jquery-json将js对象转化为JSON床</h2>  
  14.  <INPUT TYPE="button" VALUE="生成JSON串" ONCLICK="" id="testBut"><br/>  
  15.  <div id="showDiv" style="display:none">  
  16.       
  17.  <div>  
  18.  </BODY>  
  19.  <script type="text/javascript">  
  20.     function student(sid,name,age,classInfo){  
  21.         this.sid=sid;  
  22.         this.name=name;  
  23.         this.aeg=age;  
  24.         this.classInfo=classInfo;  
  25.     }  
  26.     function classInfo(classname,teacher){  
  27.         this.classname=classname;  
  28.         this.teacher=teacher;  
  29.     }  
  30.     $(function(){  
  31.         $("#testBut").click(function(){  
  32.             var students = new Array();  
  33.                 arry = new classInfo('三年级一班','项正伟');  
  34.                 students[0]=new student(2014001,'蔡子旭',23,arry);  
  35.                 students[1]=new student(2014002,'张苞',24,arry);  
  36.                 students[2]=new student(2014003,'张颌',33,arry);  
  37.             var jsonStr=$.toJSON(students);  
  38.             $("#showDiv").show();  
  39.             $("#showDiv").text(jsonStr);  
  40.   
  41.         });  
  42.     });  
  43.  </script>  
  44. </HTML>  

 生成结果:

[{"sid":2014001,"name":"蔡子旭","aeg":23,"classInfo":{"classname":"三年级一班","teacher":"项正伟"}},{"sid":2014002,"name":"张苞","aeg":24,"classInfo":{"classname":"三年级一班","teacher":"项正伟"}},{"sid":2014003,"name":"张颌","aeg":33,"classInfo":{"classname":"三年级一班","teacher":"项正伟"}}]


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值