<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

  <script type="text/javascript" src="../js/jquery-1.7.2.js"></script>

  <script type="text/javascript" src="json2.js"></script>

    <title>jsonTest.html</title>

	<script type="text/javascript">

		function testJson(){

			var jsonTest='{"name":"aaa","age":12}';				//定义一个简单的字符串类型

			var jsonObj=JSON.parse(jsonTest);					//转换为json对象

			$("#div1").html("年龄"+jsonObj.name);				//读取并输出json元素

			var jsonTests='[{"name":"aaa","age":12},{"name":"bbb","age":25},{"name":"ccc","age":35},{"name":"ddd","age":45}]'			//定义一个json数组对象的字符串

			var jsonObjs=JSON.parse(jsonTests);			//转换为json数组对象

			for ( var i = 0; i < jsonObjs.length; i++) {

					$("#div2").html($("#div2").html()+"<br/>"+"名字"+jsonObjs[i].name+"年龄"+jsonObjs[i].age);				//读取json数组中的所有json对象以及json对象的元素

			}

			var jsonTestss={"yuangong":[{"name":"aaa","age":12},{"name":"bbb","age":25},{"name":"ccc","age":35},{"name":"ddd","age":45}],		

				"xuesheng":[{"name":"xuesheng1","age":22},{"name":"xuesheng2","age":20}]				//定义一个组合类型的json对象

			};

			$("#div3").html(jsonTestss.yuangong.length+"<br>");

			for ( var i = 0; i < jsonTestss.yuangong.length; i++) {

					$("#div3").html($("#div3").html()+"<br/>"+"名字"+jsonTestss.yuangong[i].name+"年龄"+jsonTestss.yuangong[i].age);

					}

		}

	</script>

  </head>

  <body onload="testJson()">

 		<div id="div1"></div>

 		<div id="div2"></div>

 		<div id="div3"></div>

  </body>

</html>

　　

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>jQueryJson.html</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

   <script type="text/javascript" src="../js/jquery-1.7.2.js"></script>

    <script type="text/javascript">

    $(function(){

    	var jsons='[{"name":"aaa","age":12},{"name":"bbb","age":25},{"name":"ccc","age":35},{"name":"ddd","age":45}]'		//定义一个json数组对象

    	var jsonObj=eval(jsons);

    	for ( var i = 0; i < jsonObj.length; i++) {

			$("#div1").html($("#div1").html()+"<br/>"+"姓名"+jsonObj[i].name+"年龄"+jsonObj[i].age);

		}

			$.each(jsonObj,function(i){

				$("#div1").html($("#div1").html()+"<br/>"+"姓名"+jsonObj[i].name+"年龄"+jsonObj[i].age);

			})

			$.each(jsonObj,function(i,n){

				$("#div1").html($("#div1").html()+"<br/>"+"下标为"+i+"的人的姓名"+n.name+"年龄"+n.age);

			})

    });

    </script>

  </head>

  <body>

  <div id="div1"></div>

  </body>

</html>

　　

简单的Json数据的更多相关文章

  1. java后台设计简单的json数据接口，设置可跨域访问，前端ajax获取json数据

    在开发的过程中,有时候我们需要设计一个数据接口.有时候呢,数据接口和Web服务器又不在一起,所以就有跨域访问的问题. 第一步:简单的设计一个数据接口. 数据接口,听起来高大上,其实呢就是一个简单的Se ...

  2. iOS开发-简单解析JSON数据

    什么是JSON   JSON是一种轻量级的数据格式,一般用于数据交互 服务器返回给客户端的数据,一般都是JSON格式或者XML格式(文件下载除外) JSON的格式很像OC中的字典和数组   {“nam ...

  3. （1-1）入门—最简单的树（使用json数据）

    1.<!DOCTYPE html>是必须的. 2.zTree 的容器 className 别忘了设置为 "ztree". 使用ztree创建树,首先要引用ztree相关 ...

  4. Gson解析复杂的json数据

    最近在给公司做一个直播APK的项目,主要就是通过解析网络服务器上的json数据,然后将频道地址下载下来再调用Android的播放器进行播放,原先本来打算使用普通的json解析方法即JsonObject ...

  5. Android 学习笔记之Volley(七)实现Json数据加载和解析...

    学习内容: 1.使用Volley实现异步加载Json数据...   Volley的第二大请求就是通过发送请求异步实现Json数据信息的加载,加载Json数据有两种方式,一种是通过获取Json对象,然后 ...

  6. 使用Gson解析复杂的json数据

    Gson解析复杂的json数据 最近在给公司做一个直播APK的项目,主要就是通过解析网络服务器上的json数据,然后将频道地址下载下来再调用Android的播放器进行播放,原先本来打算使用普通的jso ...

  7. servlet 返回json 数据

    后端的数据需要返回简单的json数据: 发现通过双引号和单引号:" {  'name':123 }  "的方式返回失败. 需要通过\转义里边的双引号: response.getWr ...

  8. Jackson 解析json数据之忽略解析字段注解@JsonIgnoreProperties

    转自:http://blog.csdn.net/ngl272/article/details/70217104 以前解析json用的惯的就是Google的gson了,用惯了基本就用它了,一直也没发现什 ...

  9. 通过Gson解析Json数据

    Json是一种数据格式,便于数据传输.存储.交换:Gson是一种组件库,可以把java对象数据转换成json数据格式. gson.jar的下载地址:http://search.maven.org/#s ...

随机推荐

  1. Python中防止sql注入的方法详解

    SQL注入是比较常见的网络攻击方式之一,它不是利用操作系统的BUG来实现攻击,而是针对程序员编程时的疏忽,通过SQL语句,实现无帐号登录,甚至篡改数据库.下面这篇文章主要给大家介绍了关于Python中 ...

  2. base和this的用法

    [意义] this:指当前类,this调用当前类的属性,方法,包括构造函数的方法,继承本类的构造函数 base:指当前类的父类,可调用父类的非私有属性,方法,继承父类的构造函数括号里的参数 [用处] ...

  3. 一分钟掌握位运算符—与（&）、非（~）、或（|）、异或（^）

    第一个版本:   位运算符的计算主要用在二进制中. 实际开发中也经常会遇到需要用到这些运算符的时候,同时这些运算符也被作为基础的面试笔试题. 所以了解这些运算符对程序员来说是十分必要的. 于此,记录下 ...

  4. NOIP-Cantor表

    题目描述 现代数学的著名证明之一是Georg Cantor证明了有理数是可枚举的.他是用下面这一张表来证明这一命题的: 我们以Z字形给上表的每一项编号.第一项是1/1,然后是1/2,2/1,3/1,2 ...

  5. __x__(40)0909第五天__表格 table 的 css 样式 美化

    如果就向下面的代码那样,不写 tbody , 则浏览器自添加 tbody , 并将所有的 tr 移入 tbody 意味着 tr 并非 table 的子元素,而是 tbody 的子元素. 所以 以后编写 ...

  6. 目录的rwx权限的意义

    1.目录的r:列举查看目录下的内容 2.目录的w:向目录中写东西,如创建文件 3.目录的x:可以cd进去 例:查看/etc/passwd内容: `:对/有rx权限 `:对/etc/有rx权限 `:对/ ...

  7. python多进程使用及线程池的使用方法

    多进程:主要运行multiprocessing模块 import os,time import sys from multiprocessing import Process class MyProc ...

  8. 配置ssh框架启动tomcat服务器报异常Unable to create requested service [org.hibernate.engine.jdbc.env.spi.JdbcEnvironment]

    在Spring中配置jdbc时,引用的是dbcp.jar包,在db.properties配置文件中,使用了之前的properties配置文件的用户名username(MySql用户名) 然后在启动服务 ...

  9. centos7查看网卡UUID

    https://blog.csdn.net/kepa520/article/details/50222049 查看网卡UUID nmcli con show 查看mac地址 nmcli device ...

  10. Ehcache 3.7文档—基础篇—XML Configuration

    你可以使用xml配置创建CacheManager,根据这个schema definition ( http://www.ehcache.org/documentation/3.7/xsds.html# ...