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>

  

				
时间: 2024-10-23 21:43:14

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

Json 入门例子 多行数组 【1】

处理以上数据 <script type="text/javascript"> $(function () { $("#fm").click(function () { var json = [ { "id": "1", "tagName": "apple" }, { "id": "2", "tagName": &qu

Json 入门例子(form表单)【0】

<script> $(function () { var aa = $("#fm").serialize().replace(/\+/g, ""); var ac = decodeURIComponent(aa); $("#fm").click(function () { alert(ac); }); }); </script> <form id="form1" name="form1&

Json 入门例子【2】

<script> var json1 = { "id": 1, "tagName": "apple" }; $("#fm").click(function () { var aa = $.param(json1); var a0 = aa.replace(/\&/g," "); alert(a0); </script> 效果图

【Bootstrap Demo】入门例子创建

本文简单介绍下如何来使用 Bootstrap,通过引入 Bootstrap,来实现一个最基本的入门例子. 在前一篇博文[Bootstrap]1.初识Bootstrap 基础之上,我们完全可以更加方便快捷的创建一个的简单例子.这个例子只有基本的东西:引入了预编译版的 CSS 和 JavaScript 文件,页面只包含了一个 container 元素. 在Bootstrap的官方网站的下载页面 http://getbootstrap.com/getting-started/#download ,也有

MINA经典入门例子----Time Server

原文地址 http://blog.sina.com.cn/s/blog_720bdf0501010b8r.html 貌似java的IO.NIO的入门例子都有相关的Time Server Demo.本例为MINA官方Demo翻译过来而已. MINA百科: Apache MINA(Multipurpose Infrastructure for Network Applications) 是 Apache 组织一个较新的项目,它为开发高性能和高可用性的网络应用程序提供了非常便利的框架.当前发行的 MI

JSON 入门指南

JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,非常适合于服务器与 JavaScript 的交互.本文将快速讲解 JSON 格式,并通过代码示例演示如何分别在客户端和服务器端进行 JSON 格式数据的处理. 尽管有许多宣传关于 XML 如何拥有跨平台,跨语言的优势,然而,除非应用于 Web Services,否则,在普通的 Web 应用中,开发者经常为 XML 的解析伤透了脑筋,无论是服务器端生成或处理 XML,还是客户端用 JavaScript

JPA入门例子

(1).JPA介绍: JPA全称为Java PersistenceAPI ,Java耐久化API是Sun公司在Java EE 5标准中提出的Java耐久化接口.JPA吸取了当前Java耐久化技能的长处,旨在标准.简化Java目标的耐久化作业.运用JPA耐久化目标,并不是依赖于某一个ORM结构.      为何要运用JAP?      在说为何要运用JPA之前,咱们有必要了解为何要运用ORM技能. ORM 是Object-Relation-Mapping,即目标联系暗射技能,是目标耐久化的中心.O

springMVC返回map和返回json的例子

spring mvc 支持如下的返回方式:ModelAndView, Model, ModelMap, Map,View, String, void. Map   @RequestMapping("/demo2/show") public Map<String, String> getMap() { Map<String, String> map = new HashMap<String, String>(); map.put("key1&

freemarker入门例子

freemarker入门例子,直接代码如下: FreeMarkerTest import java.io.BufferedWriter; import java.io.File; import java.io.FileWriter; import java.io.IOException; import java.io.Writer; import java.util.ArrayList; import java.util.HashMap; import java.util.List; impor