文档章节

jquery解析json数据

h
 heiyexue
发布于 2014/06/15 21:16
字数 588
阅读 17
收藏 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
博文 85
码字总数 78924
作品 0
哈尔滨
eval解析JSON中的注意点有哪些

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

袁立宏
2012/10/17
0
0
jQuery 1.4.2 getJSON() 不能正常工作的原因

以前写了一个jQuery版的 N 级联动插件,在jQuery 1.3.2中运行正常。 最近jQuery update 到 1.4.2,发现不能取数据了。经过 google 和其官方文档,找到原因: jQuery.getJSON(url, data, call...

晨曦之光
2012/03/09
0
0
jquery 解析json与json 例子

jquery处理网页特效on的方法 jquery处理json的方法是直接eval,给一个变量,但是,今天看到其源代码,证明我的想法彻底错了。   它先判定有没有window.json.parse这个方法,如果有,直接用...

xiahuawuyu
2012/06/20
0
0
jquery grep()筛选遍历数组

转自:http://www.wufangbo.com/jquery-each-json/ jquery grep()筛选遍历数组 $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value)......

GeminiLiu
2014/02/12
0
0
JQuery 和 Extjs 比较

JQuery 和 Extjs 比较 一、JQuery 和 Extjs 比较 JQuery-EasyUI是仿照Ext做的。 Ext框架是一个整体,面向对象的编程思想,每个控件之间可以相互通讯。JQuery的控件全都是分散的,没有整体性可...

Amamatthew
2014/09/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

1、Vue解决安卓4.4不兼容的问题

1.npm安装 npm install babel-polyfill--save-devnpm install es6-promise--save-dev package.json中会出现 "babel-polyfill": "^6.26.0","es6-promise": "^4.1.1", 2.main.js引入 impo......

阿K1225
14分钟前
1
0
mybatis generator 属性详解

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN""http://mybatis.org/dtd/mybatis......

太黑_thj
18分钟前
1
0
windows nvm 安装 node

nvm 是 node 的版本控制管理 下面是下载 nvm 的地址,选择 nvm-setup.zip 下载 https://github.com/coreybutler/nvm-windows/releases 就是下一步下一步,一键安装 基本命令有: nvm arch [32...

U_I_A_N
20分钟前
0
0
js判断字符串中是否包含某个字符串

indexOf() indexof()方法可以返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回-1。 var str = "123";console.log(str.indexOf("3") != -1);...

小星星_cjx
33分钟前
0
0
函数式组件完整例子

之前创建的组件是比较简单,没有管理或者监听任何传递给他的状态,也没有生命周期方法。它只是一个接收参数的函数。 在下面这个例子中,我们标记组件为 functional,这意味它是无状态 (没有响...

tianyawhl
35分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部