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. javascript 异常处理和事件处理
			
    异常捕获 1.异常:当javascript引擎执行JS代码时,发生了错误,导致程序停止运行. 2.异常抛出:当异常产生,并且将这个异常生成一个错误信息 3.异常捕获: try{发生异常的代码块:}ca ...
    
			
    2. 
						
  2. linux进程自动关闭与dmesg的使用
			
    一些应用程序,后台服务被关掉.例如内存不足等,可能是操作系统关掉的.这些日志记录在dmesg中. 存储目录:/var/log/dmesg dmesg -T 可以将时间戳转化为可以识别的时间. | he ...
    
			
    3. 
						
  3. 前端单页应用SEO解决方案
			
    在这里只会提到Google的解决方案,日后再补充百度的解决方案 我们经常使用的单页都是#!来做应用的前端路由,因为这个在多个版本浏览器上有很好的兼容性 当Google发现URL里有#!符号,Googl ...
    
			
    4. 
						
  4. 链接库lib和dl的概念，加载方式的区别
			
    使用LR进行基于windows socket协议做接口测试,只提供了lr_load_dll方法来动态加载动态链接库.之前学习阶段,对TinyXML的学习,使用的静态链接库,当时在程序调用的时候方法也跟 ...
    
			
    5. 
						
  5. SSAS的维度表之间的关系只能有一个不能有多个
			
    我们在SSAS中创建维度的时候,有时候可能一个维度需要用到多个表的字段作为维度属性,那么这多个表之间势必存在关联关系,但是切记维度表之间的关联关系有且只能有一个不能有多个,下面我们来看一个例子. 现在 ...
    
			
    6. 
						
  6. linux_c学习笔记之curl的使用一
			
    参考文档 使用libcurl发送PUT请求上传数据以及DELETE请求删除数据 http://blog.163.com/lixiangqiu_9202/blog/static/535750372014 ...
    
			
    7. 
						
  7. 终于有SpringMvc与Struts2的对比啦(转)
			
    本文转自:http://www.itsource.cn/web/news/5/20150318/370.html 目前企业中使用SpringMvc的比例已经远远超过Struts2,那么两者到底有什么区 ...
    
			
    8. 
						
  8. 关于 ActiveMQ 的消息模式
			
    1.JMS Queue 执行 load balancer语义:一条消息仅能被一个 consumer(消费者) 收到.如果在 message 发送的时候没有可用的consumer,那么它将被保存一直到能 ...
    
			
    9. 
						
  9. 在Dll中使用 TFDQuery 的 LoadFromStream 方法注意问题
			
    今天又遇到一怪事,  FDQuery 在服务器 savestream 传回了客户端. 客户端接收后 loadfromstream 接收都正常.  但当我把客户端封装成 dll 时,loadfromst ...
    
			
    10. 
						
  10. 给文件加ip访问限制
			
    获取IP: function getIP(){ return isset($_SERVER['HTTP_X_FORWARDED_FOR'])? $_SERVER['HTTP_X_FORWARDED_F ...
    
			
    11.