`
西北小强
  • 浏览: 342530 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多

前几天做个歌问卷调查的功能,需要将用户选择的答案按照指定的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":"项正伟"}}]

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics