天天看點

Jquery json的超強組合

Jquery json的超強組合 今天使用了jquery提供的對json的操作的函數,感覺超級爽哦!下面就把代碼貼出

js  1

Jquery json的超強組合

function  getjson()

 2

Jquery json的超強組合
Jquery json的超強組合
Jquery json的超強組合

{

 3

Jquery json的超強組合

      $("[id=ready]").remove();//傳回id=ready的所有dom元素

 4

Jquery json的超強組合

 5

Jquery json的超強組合

      $.ajax(

 6

Jquery json的超強組合
Jquery json的超強組合
Jquery json的超強組合

{

 7

Jquery json的超強組合

                type:"get",

 8

Jquery json的超強組合

                dataType:"json",

 9

Jquery json的超強組合

                url:"jspage.aspx",

10

Jquery json的超強組合

                data:"id=1",

11

Jquery json的超強組合

                success:function(msg)

12

Jquery json的超強組合
Jquery json的超強組合
Jquery json的超強組合

{

13

Jquery json的超強組合

                   var data=msg.bbslist; 

14

Jquery json的超強組合

                  //$("#databox").html(msg);

15

Jquery json的超強組合

                  //cleartext();

16

Jquery json的超強組合

                   $.each(data,function(i,n)

17

Jquery json的超強組合
Jquery json的超強組合
Jquery json的超強組合

{                                                                                          

18

Jquery json的超強組合

                                  var row=$("#temp").clone();

19

Jquery json的超強組合

                                  row.find("#listtile").text(n.listtile);

20

Jquery json的超強組合

                                  row.find("#listvalue").text(n.listvalue);

21

Jquery json的超強組合

                                  row.attr("id","ready");                                 

22

Jquery json的超強組合

                                  row.appendTo("#mainbox");

23

Jquery json的超強組合

                               } 

24

Jquery json的超強組合

                  );

25

Jquery json的超強組合

26

Jquery json的超強組合

                }

27

Jquery json的超強組合

             }

28

Jquery json的超強組合

            );

29

Jquery json的超強組合

    } html代碼  1

Jquery json的超強組合

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

 2

Jquery json的超強組合

< html  xmlns ="http://www.w3.org/1999/xhtml"   >

 3

Jquery json的超強組合

< head >

 4

Jquery json的超強組合

     < title > Untitled Page </ title >

 5

Jquery json的超強組合

     < link  href ="jspage.css"  rel ="Stylesheet"   />

 6

Jquery json的超強組合

     < script  language ="javascript"  src ="../jscript/jquery.js" ></ script >    

 7

Jquery json的超強組合

</ head >

 8

Jquery json的超強組合

< body  onload ="getjson();" >

 9

Jquery json的超強組合

< div  id ="setpage" ></ div >

10

Jquery json的超強組合

< div  id ="mainbox" >

11

Jquery json的超強組合

       < div  id ="temp" >

12

Jquery json的超強組合

       < div  id ="listtile" ></ div >

13

Jquery json的超強組合

        < div  id ="listvalue" ></ div >

14

Jquery json的超強組合

       </ div >

15

Jquery json的超強組合

</ div >

16

Jquery json的超強組合

</ body >

17

Jquery json的超強組合

</ html >

18

Jquery json的超強組合

C#  1

Jquery json的超強組合

using  System;

 2

Jquery json的超強組合

using  System.Data;

 3

Jquery json的超強組合

using  System.Configuration;

 4

Jquery json的超強組合

using  System.Web;

 5

Jquery json的超強組合

using  System.Web.Security;

 6

Jquery json的超強組合

using  System.Web.UI;

 7

Jquery json的超強組合

using  System.Web.UI.WebControls;

 8

Jquery json的超強組合

using  System.Web.UI.WebControls.WebParts;

 9

Jquery json的超強組合

using  System.Web.UI.HtmlControls;

10

Jquery json的超強組合

using  System.Text;

11

Jquery json的超強組合
Jquery json的超強組合

/// <summary>

12

Jquery json的超強組合

/// Summary description for DataTableToJSON

13

Jquery json的超強組合

/// </summary>

14

Jquery json的超強組合

public   class  DataTableToJSON

15

Jquery json的超強組合
Jquery json的超強組合
Jquery json的超強組合

{

16

Jquery json的超強組合

    public DataTableToJSON()

17

Jquery json的超強組合
Jquery json的超強組合
Jquery json的超強組合

{

18

Jquery json的超強組合

        //

19

Jquery json的超強組合

        // TODO: Add constructor logic here

20

Jquery json的超強組合

        //

21

Jquery json的超強組合

    }

22

Jquery json的超強組合

    public static string DtToSON(DataTable dt)

23

Jquery json的超強組合
Jquery json的超強組合
Jquery json的超強組合

{

24

Jquery json的超強組合

        StringBuilder jsonBuilder = new StringBuilder();

25

Jquery json的超強組合

        jsonBuilder.Append("{/"");

26

Jquery json的超強組合

        jsonBuilder.Append(dt.TableName.ToString());

27

Jquery json的超強組合

        jsonBuilder.Append("/":[");

28

Jquery json的超強組合

        for (int i = 0; i < dt.Rows.Count; i++)

29

Jquery json的超強組合
Jquery json的超強組合
Jquery json的超強組合

{

30

Jquery json的超強組合

            jsonBuilder.Append("{");

31

Jquery json的超強組合

            for (int j = 0; j < dt.Columns.Count; j++)

32

Jquery json的超強組合
Jquery json的超強組合
Jquery json的超強組合

{

33

Jquery json的超強組合

                jsonBuilder.Append("/"");

34

Jquery json的超強組合

                jsonBuilder.Append(dt.Columns[j].ColumnName);

35

Jquery json的超強組合

                jsonBuilder.Append("/":/"");

36

Jquery json的超強組合

                jsonBuilder.Append(dt.Rows[i][j].ToString());

37

Jquery json的超強組合

                jsonBuilder.Append("/",");

38

Jquery json的超強組合

            }

39

Jquery json的超強組合

            jsonBuilder.Remove(jsonBuilder.Length - 1, 1);

40

Jquery json的超強組合

            jsonBuilder.Append("},");

41

Jquery json的超強組合

        }

42

Jquery json的超強組合

        jsonBuilder.Remove(jsonBuilder.Length - 1, 1);

43

Jquery json的超強組合

        jsonBuilder.Append("]");

44

Jquery json的超強組合

        jsonBuilder.Append("}");

45

Jquery json的超強組合

        return jsonBuilder.ToString();

46

Jquery json的超強組合

    }

47

Jquery json的超強組合

}

48

Jquery json的超強組合

這就是主要的代碼了,相信各位都會組合吧,我就不再多介紹了,大家體會一下哈!

繼續閱讀