简单的jQuery解析json数据

<span style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px; background-color: rgb(255, 255, 255);">尊重劳动成果,转载请注明出处(http://blog.csdn.net/sllailcp/article/details/41113275)...</span>
以下是摘取部分json,jQuery需自己引入;
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script type="text/javascript">
$(function(){
var province_enum = [
    {id: 1, name: '北京', city: [
        {id: 1, name: '北京市', district: [
            {id: 1, name: '东城区'},
            {id: 2, name: '西城区'},
            {id: 3, name: '崇文区'},
            {id: 4, name: '宣武区'},
            {id: 5, name: '朝阳区'},
            {id: 6, name: '丰台区'},
            {id: 7, name: '石景山区'},
            {id: 8, name: '海淀区'},
            {id: 9, name: '门头沟区'},
            {id: 10, name: '房山区'},
            {id: 11, name: '通州区'},
            {id: 12, name: '顺义区'},
            {id: 13, name: '昌平区'},
            {id: 14, name: '大兴区'},
            {id: 15, name: '怀柔区'},
            {id: 16, name: '平谷区'},
            {id: 17, name: '密云县'},
            {id: 18, name: '延庆县'}
        ]}
    ]},
    {id: 2, name: '天津', city: [
        {id: 2, name: '天津市', district: [
            {id: 19, name: '和平区'},
            {id: 20, name: '河东区'},
            {id: 21, name: '河西区'},
            {id: 22, name: '南开区'},
            {id: 23, name: '河北区'},
            {id: 24, name: '红桥区'},
            {id: 25, name: '塘沽区'},
            {id: 26, name: '汉沽区'},
            {id: 27, name: '大港区'},
            {id: 28, name: '东丽区'},
            {id: 29, name: '西青区'},
            {id: 30, name: '津南区'},
            {id: 31, name: '北辰区'},
            {id: 32, name: '武清区'},
            {id: 33, name: '宝坻区'},
            {id: 34, name: '宁河县'},
            {id: 35, name: '静海县'},
            {id: 36, name: '蓟县'}
        ]}
    ]},
]
for(var x=0;x<province_enum.length;x++){
	document.write('省:'+'id:'+province_enum[x].id+','+'name:'+province_enum[x].name+'<br>')
	for(var y=0;y<province_enum[x].city.length;y++){
		document.write('市:'+'id:'+province_enum[x].city[y].id+','+'name:'+province_enum[x].city[y].name+'<br>')
		for(var z=0;z<province_enum[x].city[y].district.length;z++){
			document.write('区:'+'id:'+province_enum[x].city[y].district[z].id+','+'name:'+province_enum[x].city[y].district[z].name+'<br>')
		}
	}
}

   });
</script>
</head>

<body>

<pre name="code" class="html"><span style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px; background-color: rgb(255, 255, 255);"><a href="</span><span style="color: rgb(51, 51, 51); font-size: 14px; line-height: 26px; font-family: Arial; background-color: rgb(255, 255, 255);">http://blog.csdn.net/sllailcp/article/details/41113275</span><span style="color: rgb(51, 51, 51); font-size: 14px; line-height: 26px; font-family: Arial; background-color: rgb(255, 255, 255);">"></span><span style="color: rgb(51, 51, 51); font-size: 14px; line-height: 26px; font-family: Arial; background-color: rgb(255, 255, 255);">(</span><span style="color: rgb(51, 51, 51); font-size: 14px; line-height: 26px; font-family: Arial; background-color: rgb(255, 255, 255);">尊重劳动成果,转载请注明出处</span><span style="color: rgb(51, 51, 51); font-size: 14px; line-height: 26px; font-family: Arial; background-color: rgb(255, 255, 255);">)...</span><span style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px; background-color: rgb(255, 255, 255);"></a></span>

</body></html>


时间: 2024-07-28 23:06:08

简单的jQuery解析json数据的相关文章

bobo使用jQuery解析JSON数据

上例中得到的JSON数据如下,是一个嵌套JSON: {"comments":[{"content":"很不错嘛","id":1,"nickname":"纳尼"},{"content":"哟西哟西","id":2,"nickname":"小强"}]} 获取JSON数据,在jQuery中有一个

JQuery解析JSON数据

<script src="http://cdn.static.runoob.com/libs/jquery/1.8.3/jquery.js"></script> {"comments":[{"content":"很不错嘛","id":1,"nickname":"纳尼"},{"content":"哟西哟西"

jquery学习笔记---each解析json数据

使用jQuery解析JSON数据 在上一篇的Struts2之ajax初析中,我们得到了comments对象的JSON数据,在本篇中,我们将使用jQuery进行数据解析. 我们先以解析上例中的comments对象的JSON数据为例,然后再小结jQuery中解析JSON数据的方法. 上例中得到的JSON数据如下,是一个嵌套JSON: {"comments":[{"content":"很不错嘛","id":1,"nickn

jquery解析json格式数据的方法(对象、字符串)

相关函数 函数 描述 JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象. JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串. //data为字符串类型 则要将字符串类型转换成json数据类型 var jsondatas=eval("("+data+")"); 本文实例讲述了jquery解析json格式数据的方法.分享给大家供大家参考,具体如下: json数据是我们常用的一种小型的数据实

springMVC框架下JQuery传递并解析Json数据

json作为一种轻量级的数据交换格式,在前后台数据交换中占领着很重要的地位.Json的语法很简单,採用的是键值对表示形式.JSON 能够将 JavaScript 对象中表示的一组数据转换为字符串,然后就能够在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给server端程序,也能够从server端程序传递json格式的字符串给前端并由前端解释.这个字符串是符合json语法的,而json语法又是javascript语法的子集,所以javascript很easy解释

最简单简洁高效的Json数据解析

一.无图无真相 二.主要代码 1.导入jar包 拷贝fastjson.jar包到projectlibs包下 2.封装工具类JsonUtil.java package com.example.parsejsondemo; import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONArray; import com.alibaba.fastjson.JSONObject; import java.util.List; /**

Jquery解析Json格式数据

今天稍微学习了一下Json,JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等). 这些特性使JSON成为理想的数据交换语言. JSON建构于两种结构: “名称/值”对的集合(A collection of name/value pairs)

iOS开发-简单解析JSON数据

什么是JSON ? JSON是一种轻量级的数据格式,一般用于数据交互 服务器返回给客户端的数据,一般都是JSON格式或者XML格式(文件下载除外) ? JSON的格式很像OC中的字典和数组 ? {"name" : "Jack", "age" : 10} {"name" : ["jack", "rose", "jim"]} ? 标准JSON格式的注意点: key必须用双

pyspider示例代码二:解析JSON数据

本系列文章主要记录和讲解pyspider的示例代码,希望能抛砖引玉.pyspider示例代码官方网站是http://demo.pyspider.org/.上面的示例代码太多,无从下手.因此本人找出一下比较经典的示例进行简单讲解,希望对新手有一些帮助. 示例说明: pyspider爬取的内容通过回调的参数response返回,response有多种解析方式.1.response.json用于解析json数据2.response.doc返回的是PyQuery对象3.response.etree返回的