zoukankan      html  css  js  c++  java
  • 简单的Json数据

    <!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>
    

      

  • 相关阅读:
    打击目标
    面试中的坑,你能爬出来几个?
    [linux] 小问题:管道符,换行问题等;[nginx]启动,重启,关闭命令;以及升级nginx切换命令
    xshell下使用vim的编辑一个文件Ctrl+S和Ctrl+Q
    [PHP] 调用微博API 发微博OAuth2.0
    [YII2] 视图层过滤客户恶意代码
    [YII2] 增删改查2
    [YII2] 增删改查
    [YII2] 自带分页调整
    [JS] 自己弄得个倒计时
  • 原文地址:https://www.cnblogs.com/lizanqirxx/p/6241143.html
Copyright © 2011-2022 走看看