文档章节

jquery解析json数据

h
 heiyexue
发布于 2014/06/15 21:16
字数 588
阅读 17
收藏 0
点赞 0
评论 0
[javascript]  view plain copy
  1. jquery解析json数据:  
  2. var data="   
  3. {   
  4. root:   
  5. [   
  6. {name:'1',value:'0'},   
  7. {name:'6101',value:'北京市'},   
  8. {name:'6102',value:'天津市'},   
  9. {name:'6103',value:'上海市'},   
  10. {name:'6104',value:'重庆市'},   
  11. {name:'6105',value:'渭南市'},   
  12. {name:'6106',value:'延安市'},   
  13. {name:'6107',value:'汉中市'},   
  14. {name:'6108',value:'榆林市'},   
  15. {name:'6109',value:'安康市'},   
  16. {name:'6110',value:'商洛市'}   
  17. ]   
  18. }";   
  19. //data为字符串类型 则要将字符串类型转换成json数据类型  
  20. var jsondatas=eval("("+data+")");  
  21. $.each(jsondatas.root,function(i,n){  
  22. alert("name"+n.name+"value"+n.value);  
  23. }  
  24. )  
  25. //以下为数组类型字符串 转换成json 字符串 解析  
  26.     //数组形式的json字符串  
  27.     var jsondata="[{name:'1',value:'0'},   {name:'6101',value:'西安市'},   {name:'6102',value:'铜川市'},   {name:'6103',value:'宝鸡市'},   {name:'6104',value:'咸阳市'},   {name:'6105',value:'渭南市'},   {name:'6106',value:'延安市'},   {name:'6107',value:'汉中市'},   {name:'6108',value:'榆林市'},   {name:'6109',value:'安康市'},   {name:'6110',value:'商洛市'}]";  
  28. var json=eval(jsondata);  
  29. $.each(json,function(i,n){  
  30. alert(json[i].name);  
  31. alert(json[i].value);//根据索引取值  
  32. });  
  33. //json数据字符 不需要转换  
  34. var json={"Products":[   
  35. {"orderid":"11077","customerid":"RATTC"},   
  36. {"orderid":"11078","customerid":"RATT"}   
  37. ],   
  38. "Img":[{"id":"12345","url"   
  39. :"image/1.jpg"}   
  40. ]};   
  41. $.each(json.Products,function(i,n){  
  42.    alert(n.orderid);  
  43. })  
 
[c-sharp]  view plain copy
  1. 一般处理文件(Handler.ashx)  
  2.   if (context.Request.QueryString["method"] != null)  
  3.         {  
  4.             string method = context.Request.QueryString["method"].ToString();  
  5.             if (method == "getlist")  
  6.             {  
  7.                 string str = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;  
  8.                 SqlConnection conn = new SqlConnection(str);  
  9.                 conn.Open();  
  10.                 SqlCommand cmd = new SqlCommand();  
  11.                 cmd.Connection = conn;  
  12.                 cmd.CommandText = "select ProID,ProName,url from Project where Adress = '哈尔滨'";  
  13.                 DataSet ds = new DataSet();  
  14.                 SqlDataAdapter da = new SqlDataAdapter(cmd);  
  15.                 da.Fill(ds);  
  16.                 string sb = CreateJsonParameters(ds.Tables[0]);  
  17.         
  18.                   
  19.                 context.Response.ClearContent();  
  20.                 context.Response.Write(sb.ToString());  
  21.                 context.Response.End();  
  22.             }   
  23.         }  
  24.     }  
  25.       
  26.     /// <summary>    
  27.     /// 构建JSON字符串    
  28.    /// </summary>    
  29.      /// <param name="dt"></param>    
  30.      /// <returns></returns>    
  31.    public  string CreateJsonParameters(DataTable dt)    
  32.     {    
  33.        System.Text.StringBuilder sb = new System.Text.StringBuilder();    
  34.        if (dt != null && dt.Rows.Count > 0)    
  35.          {    
  36.            sb.Append("[");    
  37.            for (int i = 0; i < dt.Rows.Count; i++)    
  38.          {    
  39.                sb.Append("{");    
  40.              for (int j = 0; j < dt.Columns.Count; j++)    
  41.               {    
  42.                   //如果值不是最后一个则添加逗号分隔    
  43.                    if (j < dt.Columns.Count - 1)    
  44.                    {    
  45.                       sb.Append("/"" + dt.Columns[j].ColumnName.ToString() + "/":" + "/"" + dt.Rows[i][j].ToString() + "/",");    
  46.                   }    
  47.                         //如果值为最后个字符则不添加逗号    
  48.                     else if (j == dt.Columns.Count - 1)    
  49.                    {    
  50.                        sb.Append("/"" + dt.Columns[j].ColumnName.ToString() + "/":" + "/"" + dt.Rows[i][j].ToString() + "/"");    
  51.                    }    
  52.                }    
  53.                 //如果为最后一个值的话 则不添加逗号    
  54.                if (i == dt.Rows.Count - 1)    
  55.                {    
  56.                     sb.Append("}");    
  57.                }    
  58.               else    
  59.                {    
  60.                    sb.Append("},");    
  61.               }    
  62.      
  63.           }    
  64.            sb.Append("]");    
  65.             return sb.ToString();    
  66.       
  67.         }    
  68.      else { return null; }    
  69.   }    
[javascript]  view plain copy
  1. $.ajax  
  2.            (  
  3.            {  
  4.                type: "POST",  
  5.                url: "Handler.ashx?method=getlist",  
  6.                async: false,//true表示异步 false表示同步  
  7.                contentType: "application/json",  
  8.                dataType: 'json',  
  9.                success: function(result) {  
  10.                 var temp=eval(result);  
  11.                 //通过javascript来解析返回数组字符串  
  12.                 for (var i = 0; i < temp.length; i++)   
  13.                {     
  14.                    o.innerHTML += "项目名称:" + result[i].ProName + "<br/>网址:<a href=" + result[i].url + " mce_href=" + result[i].url + "  target='_blank'>" + result[i].url + "</a><br/>";  
  15.                    datas += "项目名称:" + result[i].ProName + "<br/>网址:<a href=" + result[i].url + " mce_href=" + result[i].url + "  target='_blank'>" + result[i].url + "</a><br/>";  
  16.                      
  17.                }  
  18.                    TINY.box.show(datas, 0, 0, 0, 1);  
  19.                 
  20.                        
  21.                    
  22.                }  
  23.                  
  24.            });  

© 著作权归作者所有

共有 人打赏支持
h
粉丝 2
博文 79
码字总数 78924
作品 0
哈尔滨
vue结合bootstrap4.0使用

一般vue都是结合elementui 、mint-ui等使用,但是自己还是想结合bootstrap来使用,在使用的过程中遇到一些报错 使用bootstrap 要结合jQuery来使用的,首先要安装依赖 npm install jquery --s...

杏sunshine ⋅ 05/16 ⋅ 0

javascript数组的深度复制解析

对于javascript而言,数组是引用类型,如果要想复制一个数组,包括concat、slice在内的函数,都是浅层复制。也就是说,对于一个二维数组来说,用concat来做复制,第二维的数组还是引用,修改...

卢瑶 ⋅ 05/24 ⋅ 0

vue中axios处理http发送请求的示例(Post和get)

axios中文文档:https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format 1、安装 node方式 设置index.js: 或者使用cdn方式 2.get请求 3.Post请求 4.执行多个请......

xiaoge2016 ⋅ 05/04 ⋅ 0

vue获取input输入框的数据

用惯了jQuery,突然使用vue感觉很不习惯,有很多不同的地方,感觉是两个不同的思想来写前端的代码。jQuery是使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作。而Vue则是通过...

王子城 ⋅ 昨天 ⋅ 0

dabeng/OrgChart

Native JavaScript(ES6) Version Web Components Version Foreword First of all, thanks a lot for wesnolte's great work -- jOrgChart. The thought that using nested tables to build o......

dabeng ⋅ 06/07 ⋅ 0

jQuery学习笔记--选择器和事件

以下内容参考 W3school 简书 你要是问我什么是jQuery 那可以这么两句话概括: jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 要学jQuery最好有点javaScript的基础 ...

codingcoge ⋅ 05/17 ⋅ 0

JavaScript的高精度计算与JSON.parse的BIGINT

在JavaScript处理整数的时候会遇到某些特别奇怪的问题,比如后台给你返回了一个超长的数字,然后js在计算的时候突然发现计算不对,不是后面为0就是计算得不到想要的结果.这里涉及到一个很简单的...

relsoul ⋅ 05/10 ⋅ 0

Java 代码生成器 - InfinityJEEEU

无垠式 Java 代码生成器 JEEEU 版 项目介绍 这是最轻量级的代码生成器,生成物大概占用7.5M数据大小。 采用Servlet,JSP, JSON, Easy UI等简单技术实现,是标准的Model2的MVC设计模式的架构。...

火箭船 ⋅ 05/28 ⋅ 0

jQuery-File-Upload 使用文档(翻译)

最近要用到多图上传,准备使用这个插件,但是没搜到相关的文档,只有官方的文档,主要是以有道翻译和个人理解为主 可能会有一些问题,但是比看原文是方便一些. 使用文档 插件的基本信息 插件demo ...

employeeee ⋅ 05/14 ⋅ 0

JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒 ⋅ 05/10 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

005. 深入JVM学习—Java堆内存参数调整

1. JVM整体内存调整图解(调优关键) 实际上每一块子内存区域都会存在一部分可变伸缩区域,其基本流程:如果内存空间不足,则在可变的范围之内扩大内存空间,当一段时间之后,内存空间不紧张...

影狼 ⋅ 7分钟前 ⋅ 0

内存障碍: 软件黑客的硬件视图

此文为笔者近日有幸看到的一则关于计算机底层内存障碍的学术论文,并翻译(机译)而来[自认为翻译的还行],若读者想要英文原版的论文话,给我留言,我发给你。 内存障碍: 软件黑客的硬件视图...

Romane ⋅ 40分钟前 ⋅ 0

SpringCloud 微服务 (七) 服务通信 Feign

壹 继续第(六)篇RestTemplate篇 做到现在,本机上已经有注册中心: eureka, 服务:client、order、product 继续在order中实现通信向product服务,使用Feign方式 下面记录学习和遇到的问题 贰 or...

___大侠 ⋅ 57分钟前 ⋅ 0

gitee、github上issue标签方案

目录 [TOC] issue生命周期 st=>start: 开始e=>end: 结束op0=>operation: 新建issueop1=>operation: 评审issueop2=>operation: 任务负责人执行任务cond1=>condition: 是否通过?op3=>o......

lovewinner ⋅ 今天 ⋅ 0

浅谈mysql的索引设计原则以及常见索引的区别

索引定义:是一个单独的,存储在磁盘上的数据库结构,其包含着对数据表里所有记录的引用指针. 数据库索引的设计原则: 为了使索引的使用效率更高,在创建索引时,必须考虑在哪些字段上创建索...

屌丝男神 ⋅ 今天 ⋅ 0

String,StringBuilder,StringBuffer三者的区别

这三个类之间的区别主要是在两个方面,即运行速度和线程安全这两方面。 首先说运行速度,或者说是, 1.执行速度 在这方面运行速度快慢为:StringBuilder(线程不安全,可变) > StringBuffer...

时刻在奔跑 ⋅ 今天 ⋅ 0

java以太坊开发 - web3j使用钱包进行转账

首先载入钱包,然后利用账户凭证操作受控交易Transfer进行转账: Web3j web3 = Web3j.build(new HttpService()); // defaults to http://localhost:8545/Credentials credentials = Wallet......

以太坊教程 ⋅ 今天 ⋅ 0

Oracle全文检索配置与实践

Oracle全文检索配置与实践

微小宝 ⋅ 今天 ⋅ 0

mysql的分区和分表

1,什么是mysql分表,分区 什么是分表,从表面意思上看呢,就是把一张表分成N多个小表,具体请看mysql分表的3种方法 什么是分区,分区呢就是把一张表的数据分成N多个区块,这些区块可以在同一...

梦梦阁 ⋅ 今天 ⋅ 0

exception.ZuulException: Forwarding error

错误日志 com.netflix.zuul.exception.ZuulException: Forwarding error Caused by: com.netflix.hystrix.exception.HystrixRuntimeException: xxx timed-out and no fallback available. Ca......

jack_peng ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部