文档章节

jquery解析json数据

h
 heiyexue
发布于 2014/06/15 21:16
字数 588
阅读 26
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

[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
博文 85
码字总数 78924
作品 0
哈尔滨
私信 提问
加载中
请先登录后再评论。
eval解析JSON中的注意点有哪些

 eval解析JSON中的注意点   在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:   1.一种为使用eval()函数。   2. 使用Function对象来进行返回解析。   使用eval函数来解析...

袁立宏
2012/10/17
138
0
Ajax向前后台传递json和转换

学生管理系统MVC模式设计心得: jquery .ajax提交data数据格式 jquery 的方法提交数据,但是是多个参数,具体的格式如下: data提交的数据类型为:或 数据说明:发送到服务器的数据。如果不是...

osc_y7ckpzr9
2019/04/27
11
0
Servlet处理(jQuery)Ajax请求

jQuery jQuery是一个JavaScript函数库,极大的简化了JavaScript编程,很容易学习。jQuery是目前最流行的开源js框架,并且提供了大量的扩展。 2. Ajax Ajax(Asynchronous JavaScript and XML...

osc_jbx0p2pm
2019/10/29
4
0
10 个强大的JavaScript / jQuery 模板引擎推荐

模板引擎是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档。由于在开发过程中,网站或应用程序的界面与数据实现分离,大大提升了开发效率,良好的设计也使得代码重...

鉴客
2012/04/12
6.3K
12
jquery里把数组转换成json的方法

首先来看,jquery里自带的,和json相关的函数: 1.$.parseJSON : 用来解析JSON字符串,返回一个对象。 什么叫“JSON字符串”? 比如: var a={name:"aijquery",url:"www.aijquery.cn"}; 上面定......

osc_iybnxd76
2019/04/24
1
0

没有更多内容

加载失败,请刷新页面

加载更多

Springboot Actuator

Springboot Actuator 1. 启用springboot actuator <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-actuator</artifactId></dependency>dep......

AngerWind
42分钟前
18
0
OSChina 周日乱弹 —— 一个幼小的猕猴桃等待食物转身

1@ 辽元 起床以后, 突然发现时间已经10点啦! 不会晚了吧? 忽然想起来今天是周末, 13 “梦见自己变成猫后,一下子惊醒了,不对是笑醒了。” @冰峰雪座 觉得昨晚的睡眠质量实在不是很好, ...

小小编辑
44分钟前
25
0
【第一行代码--Android】Kotlin入门教程精简版

Google在2017年的I/O大会上宣布Kotlin正式成为Android的以及开发语言,Android Studio也对Kotlin提供了全面支持。 怎样运行kotlin的代码?通过https://try.kotlinlang.org 或者 IDEA 以及 其...

Drop_Table_User
52分钟前
11
0
解决Cannot download "https://github.com/sass/node-sass/releases/download/binding.nod的问题

输入命令解决即可 npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

千年典韦
56分钟前
10
0
测试jar 是否完整有错

cd WEB-INF/lib/for j in *.jar; do echo $j; jar tvf $j > /dev/null ; echo $j done; done

xiaodong16
今天
32
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部