JSON的使用

<body>
	<h2>通过JSON字符串来创建变量</h2>
	<p>
		Name:<span id="name"></span>
		Age:<span id="age"></span>
	</p>
	<script type="text/javascript">
		//下面的两种几种创建方式都行
		//var JSONObject=eval("("+'{"person":[{"name":"danger","age":"20"},{"name":"dan","age":"21"}]}'+")");
		var JSONObject=JSON.parse('{"person":[{"name":"danger","age":"20"},{"name":"dan","age":"21"}]}');
		$("#name").html(JSONObject.person[0].name);
		$("#age").html(JSONObject.person[1].age);
	</script>
</body>


在javaScript中创建JSON:

由于 JSON 语法是 JavaScript 语法的子集,JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数使用的是 JavaScript 编译器,可解析 JSON 文本,然后生成 JavaScript 对象。必须把文本包围在括号中,这样才能避免语法错误:

<body>
	<h2>在 JavaScript 中创建 JSON 对象</h2>
	<p>
		Name:<span id="name"></span>
		Age:<span id="age"></span>
		Sex:<span id="sex"></span>
	</p>
	<script type="text/javascript">
		//下面的两种几种创建方式都行
		//var JSONObject={"name":["danger","dan"],"age":"20","sex":"男"};
		//var JSONObject={"person":[{"name":"danger","age":"20"},{"name":"dan","age":"20"}]};
		var JSONObject={"name":"danger","age":"20","sex":"男"};
		//修改数据
		JSONObject.age="21";
		$("#name").html(JSONObject.name);
		$("#age").html(JSONObject.age);
		$("#sex").html(JSONObject.sex);
	</script>
</body>

 

你可能感兴趣的:(JavaScript,json,编译器)