1.解析简单数据

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index4</title>

    <script src="~/Scripts/jquery-1.8.2.min.js"></script>

    <style type="text/css">

        body {

            font-size: 13px;

        }

        .iframe {

            width: 260px;

            border: solid 1px #;

        }

            .iframe .title {

                padding: 5px;

                background-color: #eee;

            }

            .iframe .content {

                padding: 8px;

                font-size: 12px;

            }

        .btn {

            border: # 1px solid;

            padding: 2px;

            width: 80px;

        }

    </style>

    <script type="text/javascript">

        var objInfo = {

            'name': '张三',

            'sex ': '男',

            'email': 'hahada@126.com'

        }

        $(function () {

            $("#Button1").click(function () {

                var strHtml = "";

                strHtml += "姓名:" + objInfo.name + "<br/>";

                strHtml += "性别:" + objInfo.sex + "<br/>";

                strHtml += "邮箱:" + objInfo.email + "<br/>";

                $("#Tip").html(strHtml);

            });

        });

    </script>

</head>

<body>

    <div class="iframe">

        <div class="title">

            <input id="Button1" type="button" clss="btn" value="获取数据" />

        </div>

        <div class="content">

            <div id="Tip"></div>

        </div>

    </div>

</body>

</html>

2.jQ遍历json 数据

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>jQ遍历json数据</title>

    <script src="~/Scripts/jquery-1.8.2.min.js"></script>

    <style type="text/css">

        body {

            font-size: 13px;

        }

        body {

            font-size: 13px;

        }

        .iframe {

            width: 260px;

            border: solid 1px #;

        }

            .iframe .title {

                padding: 5px;

                background-color: #eee;

            }

            .iframe .content {

                padding: 8px;

                font-size: 12px;

            }

        .btn {

            border: # 1px solid;

            padding: 2px;

            width: 80px;

        }

    </style>

    <script type="text/javascript">

        var objData = {

            member: [

                { grade: "一年级", students: { name: ["张三", "李思", "王五"] } },

                { grade: "二年级", students: { name: ["蝴蝶结款", "但是", "给答复五"] } },

                { grade: "三年级", students: { name: ["张数据库", "东方闪电", "放不开"] } }

            ]

        };

        function add_Grade() {

            var objmember = objData.member;

            var strHtml_0 = "";

            $.each(objmember, function (index) {

                strHtml_0 += '<a href="javascript:"onclick="link_click(' + index + ')">' + objmember[index].grade + "</a>&nbsp;&nbsp"

            });

            $(".title").html("年级优秀学生:" + strHtml_0);

        };

        function link_click(i) {

            var objStudent = objData.member[i].students.name;

            var strHtml_1 = "";

            $.each(objStudent, function (index) {

                strHtml_1 += "&nbsp;" + objStudent[index] + "&nbsp;";

            });

            $("#Tip").html(strHtml_1);

        }

        $(function () {

            add_Grade();

            link_click();

        });

    </script>

</head>

<body>

    <div class="iframe">

        <div class="title"></div>

        <div class="content">

            <div id="Tip"></div>

        </div>

    </div>

</body>

</html>

jQuey知识点三 解析json数据的更多相关文章

  1. Java创建和解析Json数据方法（三）——json-lib包的使用

    (三)json-lib包的使用         这篇笔记主要介绍json-lib包的创建和解析json数据的方式,主要是的JSONObject.JSONArray和Java对象:beans, maps ...

  2. C# JavaScriptSerializer 解析Json数据(多方法解析Json 三)

    准备工作: 1.添加引用System.Web.Extensions, 2..net3.5+版本都有,如果VS2010找不到,在这个文件夹找:C:\Program Files\Reference Ass ...

  3. 使用jQuery解析JSON数据

    我们先以解析上例中的comments对象的JSON数据为例,然后再小结jQuery中解析JSON数据的方法. 上例中得到的JSON数据如下,是一个嵌套JSON: {"comments&quo ...

  4. 用jquery解析JSON数据的方法以及字符串转换成json的3种方法

    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是 json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject ...

  5. Android中使用Gson解析JSON数据的两种方法

    Json是一种类似于XML的通用数据交换格式,具有比XML更高的传输效率;本文将介绍两种方法解析JSON数据,需要的朋友可以参考下   Json是一种类似于XML的通用数据交换格式,具有比XML更高的 ...

  6. Android网络之数据解析----使用Google Gson解析Json数据

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...

  7. 使用jQuery解析JSON数据（由ajax发送请求到php文件处理数据返回json数据，然后解析json写入html中呈现）

    在上一篇的Struts2之ajax初析中,我们得到了comments对象的JSON数据,在本篇中,我们将使用jQuery进行数据解析. 我们先以解析上例中的comments对象的JSON数据为例,然后 ...

  8. Java构造和解析Json数据的两种方法详解二

    在www.json.org上公布了很多JAVA下的json构造和解析工具,其中org.json和json-lib比较简单,两者使用上差不多但还是有些区别.下面接着介绍用org.json构造和解析Jso ...

  9. Java构造和解析Json数据的两种方法详解一

    一.介绍 JSON-lib包是一个beans,collections,maps,java arrays 和XML和JSON互相转换的包,主要就是用来解析Json数据,在其官网http://www.js ...

随机推荐

  1. T-SQL 查询XML

    我们经常在SQL Server列中存一些XML来作为配置文件或者是保存特殊信息,那么如何将其展开并查询它或将其呈现为关系数据? 其实在T-SQL 下可以很容易的实现. 示例xml <catalo ...

  2. 实时跟踪log变化的工具Apachetop

    作为一个网站管理员,我们经常会有需要知道当前什么人正在访问我们的网站,谁正在频繁的抓取我们网站的内容,什么搜索引擎正在抓取我们网站?面对这些问题,我们虽然可以去查看log日志文件,但是却不能让我们实时 ...

  3. Java 中一个过时的类，能够很好的统计单个字符串的次数

    //StringTokenizer st1=new StringTokenizer("rirtirtjdlkfjlksadfoiyetryetretrejtlkjdsflkiuetuiojr ...

  4. jsp中的@include与jsp:include区别详解

    1 前言 搞java开发的人也许都知道在jsp中引入项目中其他文件有如下两种方式 <%@include file="xxx.jsp"%> <jsp:include ...

  5. zip命令的基本用法

    zip命令的基本用法是: zip [参数] [打包后的文件名] [打包的目录路径] linux zip命令参数列表: -a 将文件转成ASCII模式 -F 尝试修复损坏的压缩文件 -h 显示帮助界面  ...

  6. plain framework 商业版 开发总结1 updated

    每天对着不同的计划,多多少少有一种无形的压力.特别是对技术不好的我来说,过程中遇到的问题实在不少,时常纠结良久.时间慢慢流逝,最后虽然感觉有些不足,但是也不至于差强人意.商业版的PF核心已经升级到1. ...

  7. Linux下的C Socket编程 -- 简介与client端的处理

    Linux下的C Socket编程(一) 介绍 Socket是进程间通信的方式之一,是进程间的通信.这里说的进程并不一定是在同一台机器上也有可能是通过网络连接的不同机器上.只要他们之间建立起了sock ...

  8. Spring 下默认事务机制中@Transactional 无效的原因

    Spring中 @Transactional 注解的限制1. 同一个类中, 一个nan-transactional的方法去调用transactional的方法, 事务会失效 If you use (d ...

  9. Linus：C++是一种糟糕的语言

    本文内容摘自http://blog.csdn.net/turingbook/article/details/1775488 C++是一种糟糕的(horrible)语言.而且因为有大量不够标准的程序员在 ...

  10. 捕获起英文名Edda的灵感来源，我的心愿是程序员这个行业能够男女人数平衡

    在腾讯的暑期训练营结识过不少鹅厂的前辈,他们对我的成长提供了很大的帮助,可以说有着知遇之恩,大部分现在还保持着联系,请教问题时会不吝赐教,以至于就在前两天11号企鹅18岁的成年礼,朋友圈刷满了领腾讯总 ...