Javascript 和Jquery 通过ID 获取值。

<script>

var txt1 = [{ "CityId": 18, "CityName": "西安", "ProvinceId": 27, "CityOrder": 1 }, { "CityId": 53, "CityName": "广州", "ProvinceId": 27, "CityOrder": 1 }];

$("#a1").html(txt1[0].CityName);  

document.getElementById("a1").innerHTML = txt1[0].CityName;

//以上两种写法结果都一样。通过Id 获取值。

</script>

<body>

     <p>

     城市:<span id="a1"></span><br />

   </p>

</body>

　　Json 对象处理:

<script>
var j1 = { "firstName": "John", "lastName": "Doe" };

         var j11 = j1.firstName;

          alert(j11);
</script>

　　Json数组：

<script>

var aa1 =

                {

                "employees": [

                { "firstName": "John", "lastName": "Doe" },

                { "firstName": "Anna", "lastName": "Smith" },

                { "firstName": "Peter", "lastName": "Jones" }

                ]

            };

         $("#a1").html(aa1.employees[1].firstName);

         $("#a2").html(aa1.employees[1].lastName);

</script>

<body>

  <p>

     编号:<span id="a1"></span><br />

      姓名:<span id="a2"></span><br/>

  </p>

</body>

　　Json 字符串：

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

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

<script>

var txt = '{ "employees" : [' +

'{ "firstName":"Bill" , "lastName":"Gates" },' +

'{ "firstName":"George" , "lastName":"Bush" },' +

'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';

var jtxt = eval("(" + txt + ")");

;

$("#a1").html(jtxt.employees[1].firstName);

$("#a2").html(jtxt.employees[1].lastName);

</script>

<body>

<p>

编号:<span id="a1"></span><br />

姓名:<span id="a2"></span><br/>

</p>

</body>

　　

												


											
Json 入门例子【3】的更多相关文章
	

    
								
  1. Json 入门例子 多行数组 【1】
		
    处理以上数据 <script type="text/javascript"> $(function () { $("#fm").click(func ...
    
		
    2. 
						
  2. Json 入门例子【2】
		
    <script> var json1 = { "id": 1, "tagName": "apple" }; $("#f ...
    
		
    3. 
						
  3. Json 入门例子(form表单)【0】
		
    <script> $(function () { var aa = $("#fm").serialize().replace(/\+/g, ""); ...
    
		
    4. 
						
  4. JSON入门指南--客户端处理JSON
		
    在传统的Web开发过程中,前端工程师或者后台工程师会在页面上写后台的相关代码,比如在ASP.NET MVC4里面写如下代码: @Html.TextBoxFor(m => m.UserName,  ...
    
		
    5. 
						
  5. 【Bootstrap Demo】入门例子创建
		
    本文简单介绍下如何来使用 Bootstrap,通过引入 Bootstrap,来实现一个最基本的入门例子. 在前一篇博文[Bootstrap]1.初识Bootstrap 基础之上,我们完全可以更加方便快 ...
    
		
    6. 
						
  6. 【Bootstrap】入门例子创建
		
    本文简单介绍下如何来使用 Bootstrap,通过引入 Bootstrap,来实现一个最基本的入门例子. 在前一篇博文[Bootstrap]1.初识Bootstrap 基础之上,我们完全可以更加方便快 ...
    
		
    7. 
						
  7. spring boot入门例子
		
    最近学习spring boot,总结一下入门的的基础知识 1新建maven项目,修改pom.xml <project xmlns="http://maven.apache.org/PO ...
    
		
    8. 
						
  8. json入门（二）
		
    背景 之前最早的时候,也见过类似于这样的字符串: {"list":[           {"ArticleId":7392749,"BlogId&q ...
    
		
    9. 
						
  9. MINA经典入门例子----Time Server
		
    原文地址 http://blog.sina.com.cn/s/blog_720bdf0501010b8r.html 貌似java的IO.NIO的入门例子都有相关的Time Server Demo.本例 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. C++之路进阶——codevs2313（星际竞速）
			
    2313 星际竞速 2010年省队选拔赛山东  时间限制: 3 s  空间限制: 128000 KB  题目等级 : 大师 Master     题目描述 Description 10 年一度的银河系 ...
    
			
    2. 
						
  2. mldn android
			
    ed2k://|file|%E9%AD%94%E4%B9%90%E7%A7%91%E6%8A%80_Android%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98%E7%BB% ...
    
			
    3. 
						
  3. paper 3：matlab中save,load使用方法小结
			
    功能描述]存储文件[软件界面]MATLAB->File->Save Workspace As将变量存入硬盘中指定路径.[函数用法] save:该函数将所有workspace中变量用二进制格 ...
    
			
    4. 
						
  4. 夺命雷公狗—angularjs—18—angularjs的事件
			
    对于一款前端框架,提起事件,很容易让人联想到DOM事件,比如说鼠标点击以及页面滚动等.但是我们这里说的angular中的事件和DOM事件并不是一个东西. 事件的发布 我们可以通过 $emit() 以及 ...
    
			
    5. 
						
  5. [php]表单和验证
			
    <?php /* 表单的作用: 通过表单 发布和收集 信息. 对html表单进行编码 只是有效接受用户输入的必要操作的(一部分), 必须由[服务器端]组件来处理 一 标头函数(header()) ...
    
			
    6. 
						
  6. android 学习随笔四(数据库存储)
			
    SQLite数据库(sqliteexpert工具),sqlite数据库是轻量级数据库,对数据类型要求不是很严格,在数据库中处理是按verchar类型处理,一般定义表字段时还是要求严格按照数据类型定义, ...
    
			
    7. 
						
  7. 161104、NoSQL数据库：key/value型之levelDB介绍及java实现
			
    简介:Leveldb是一个google实现的非常高效的kv数据库,能够支持billion级别的数据量了. 在这个数量级别下还有着非常高的性能,主要归功于它的良好的设计.特别是LSM算法.LevelDB ...
    
			
    8. 
						
  8. 这个Glance的界面该怎么看出问题，为什么状态是SOCKT?
			
    这个glance的状态图有问题吗?
    
			
    9. 
						
  9. eclipse运行时编码设置
			
    eclipse运行时编码设置:
    
			
    10. 
						
  10. Ganglia监控MySQL
			
    1.下载mysql监控脚本: [root@node1 app]# wget http://www.javabloger.com/att/gmetric-mysql.sh 2.修改脚本中的msyql用户 ...
    
			
    11.