前几天做个歌问卷调查的功能,需要将用户选择的答案按照指定的JSON格式传到后台,其中用到了jquery-json插件将一个js对象装换为一个JSON串,顺便做个笔记。(插件地址:https://code.google.com/p/jquery-json/ 附件中有用到的JS有需要可以试试)
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <HTML>
- <HEAD>
- <TITLE> obj TO JSON Demo </TITLE>
- <META NAME="Generator" CONTENT="EditPlus">
- <META NAME="Author" CONTENT="">
- <META NAME="Keywords" CONTENT="">
- <META NAME="Description" CONTENT="">
- </HEAD>
- <SCRIPT type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></SCRIPT>
- <script type="text/javascript" src="js/jquery.json-2.4.min.js"></script>
- <BODY>
- <h2>利用jquery-json将js对象转化为JSON床</h2>
- <INPUT TYPE="button" VALUE="生成JSON串" ONCLICK="" id="testBut"><br/>
- <div id="showDiv" style="display:none">
- <div>
- </BODY>
- <script type="text/javascript">
- function student(sid,name,age,classInfo){
- this.sid=sid;
- this.name=name;
- this.aeg=age;
- this.classInfo=classInfo;
- }
- function classInfo(classname,teacher){
- this.classname=classname;
- this.teacher=teacher;
- }
- $(function(){
- $("#testBut").click(function(){
- var students = new Array();
- arry = new classInfo('三年级一班','项正伟');
- students[0]=new student(2014001,'蔡子旭',23,arry);
- students[1]=new student(2014002,'张苞',24,arry);
- students[2]=new student(2014003,'张颌',33,arry);
- var jsonStr=$.toJSON(students);
- $("#showDiv").show();
- $("#showDiv").text(jsonStr);
- });
- });
- </script>
- </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":"项正伟"}}]