Jquery json的超强组合

23 篇文章 0 订阅
16 篇文章 0 订阅

今天使用了jquery提供的对json的操作的函数,感觉超级爽哦!下面就把代码贴出
js

 1 function  getjson()
 2      {
 3      $("[id=ready]").remove();//返回id=ready的所有dom元素
 4
 5      $.ajax(
 6             {
 7                type:"get",
 8                dataType:"json",
 9                url:"jspage.aspx",
10                data:"id=1",
11                success:function(msg)
12                {
13                   var data=msg.bbslist; 
14                  //$("#databox").html(msg);
15                  //cleartext();
16                   $.each(data,function(i,n)
17                               {                                                                                          
18                                  var row=$("#temp").clone();
19                                  row.find("#listtile").text(n.listtile);
20                                  row.find("#listvalue").text(n.listvalue);
21                                  row.attr("id","ready");                                 
22                                  row.appendTo("#mainbox");
23                               }
 
24                  );
25               
26                }

27             }

28            );
29    }

html代码

 1 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
 2 < html  xmlns ="http://www.w3.org/1999/xhtml"   >
 3 < head >
 4      < title > Untitled Page </ title >
 5      < link  href ="jspage.css"  rel ="Stylesheet"   />
 6      < script  language ="javascript"  src ="../jscript/jquery.js" ></ script >    
 7 </ head >
 8 < body  onload ="getjson();" >
 9 < div  id ="setpage" ></ div >
10 < div  id ="mainbox" >
11        < div  id ="temp" >
12        < div  id ="listtile" ></ div >
13         < div  id ="listvalue" ></ div >
14        </ div >
15 </ div >
16 </ body >
17 </ html >
18

C#

 1 using  System;
 2 using  System.Data;
 3 using  System.Configuration;
 4 using  System.Web;
 5 using  System.Web.Security;
 6 using  System.Web.UI;
 7 using  System.Web.UI.WebControls;
 8 using  System.Web.UI.WebControls.WebParts;
 9 using  System.Web.UI.HtmlControls;
10 using  System.Text;
11 /// <summary>
12/// Summary description for DataTableToJSON
13/// </summary>

14 public   class  DataTableToJSON
15 {
16    public DataTableToJSON()
17    {
18        //
19        // TODO: Add constructor logic here
20        //
21    }

22    public static string DtToSON(DataTable dt)
23    {
24        StringBuilder jsonBuilder = new StringBuilder();
25        jsonBuilder.Append("{/"");
26        jsonBuilder.Append(dt.TableName.ToString());
27        jsonBuilder.Append("/":[");
28        for (int i = 0; i < dt.Rows.Count; i++)
29        {
30            jsonBuilder.Append("{");
31            for (int j = 0; j < dt.Columns.Count; j++)
32            {
33                jsonBuilder.Append("/"");
34                jsonBuilder.Append(dt.Columns[j].ColumnName);
35                jsonBuilder.Append("/":/"");
36                jsonBuilder.Append(dt.Rows[i][j].ToString());
37                jsonBuilder.Append("/",");
38            }

39            jsonBuilder.Remove(jsonBuilder.Length - 11);
40            jsonBuilder.Append("},");
41        }

42        jsonBuilder.Remove(jsonBuilder.Length - 11);
43        jsonBuilder.Append("]");
44        jsonBuilder.Append("}");
45        return jsonBuilder.ToString();
46    }

47}

48

这就是主要的代码了,相信各位都会组合吧,我就不再多介绍了,大家体会一下哈!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值