Json 入门例子【3】

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>

转载于:https://www.cnblogs.com/laopo/p/4759156.html

Json 入门例子【3】相关推荐

JSON入门基础知识
2019独角兽企业重金招聘Python工程师标准>>> JSON入门基础 1.JSON定义 JSON:JavaScript 对象表示法(JavaScript Object Notat ...
Cassandra 单机入门例子——有索引
入门例子: http://wiki.apache.org/cassandra/GettingStarted 添加环境变量并source生效,使得可以在任意位置执行cassandra/bin安装目录下的 ...
spark streaming 入门例子
spark streaming 入门例子: spark shell import org.apache.spark._ import org.apache.spark.streaming._sc.ge ...
图解VC++2012编译安装GDAL1.11.0和入门例子
相关下载 http://pan.baidu.com/s/1o7OEMc6 gdal1.rar - 入门例子 GDAL书籍代码及数据.rar gdal1110.zip - 下载的源码 GDAL.rar ...
Orleans入门例子
Orleans是微软开源的分布式actor模型框架.actor模型的原理网络上有很多文章.有许多理论性的文章,深刻地我都不知道怎么应用.在这里我就不赘述了.既然是博客,就说说自己的理解. 对于编程来说 ...
【JSON】JSON入门详解(二)
文章目录 JSON基础文章荐读 JavaScript创建JSON对象 JSON与XML的那些事 JSON与XML的相同之处 JSON与XML的不同之处 AJAX相关JSON与XML JSON与XML的 ...
Orleans 初接触（一）入门例子
[返回导航] 在简单了解了Orleans 之后我们可以通过几个例子去加深印象一.Orleans入门例子这个例子是跟着<Orleans入门例子>(https://www.cnblogs. ...
[深度学习-实践]CycleGAN的入门例子-Tensorflow2.1-keras
系列文章目录深度学习GAN(一)之简单介绍深度学习GAN(二)之DCGAN基于CIFAR10数据集的例子深度学习GAN(三)之DCGAN基于手写体Mnist数据集的例子深度学习GAN(四)之c ...
[深度学习-实践]GAN入门例子-利用Tensorflow Keras与数据集CIFAR10生成新图片
系列文章目录深度学习GAN(一)之简单介绍深度学习GAN(二)之基于CIFAR10数据集的例子; 深度学习GAN(三)之基于手写体Mnist数据集的例子; 深度学习GAN(四)之PIX2PIX G ...
Restlet入门例子 - RESTful web framwork for java
RESTful系列文章索引 Restlet入门例子 - RESTful web framwork for java [原创]Jersey入门例子官方网站介绍: http://www.restlet. ...

Json 入门例子【3】

Json 入门例子【3】相关推荐

最新文章

热门文章