EasyUI GridView Json绑定

实验环境：
    1、开发工具：vs2008
    2、其他组件：jquery datagrid(easyui) gridview(aspnet)
    3、1000条数据绑定

数据库源：

C# code ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

public  class  DataSource      {          public  static  DataTable GetData()          {              DataTable dt = BuildTable();              for  ( int  i = 0; i < 1000; i++)              {                  DataRow dr = dt.NewRow();                  dr[ "productid" ] =  "FI-SW-01" ;                  dr[ "unitcost" ] =  "10.00" ;                  dr[ "status" ] =  "P" ;                  dr[ "listprice" ] =  "36.5" ;                  dr[ "attr1" ] =  "Large" ;                  dr[ "itemid" ] =  "EST-1" ;                  dt.Rows.Add(dr);              }              return  dt;          }            private  static  DataTable BuildTable()          {              DataTable dt =  new  DataTable();              dt.Columns.Add( "itemid" , typeof ( string ));              dt.Columns.Add( "productid" ,  typeof ( string ));              dt.Columns.Add( "listprice" ,  typeof ( string ));              dt.Columns.Add( "unitcost" ,  typeof ( string ));              dt.Columns.Add( "attr1" ,  typeof ( string ));              dt.Columns.Add( "status" ,  typeof ( string ));              return  dt;          }      }

一、easyui中datagrid数据绑定
    前台代码：

C# code ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

<script>          $.ajax({                  type:  "post" ,  //必须是Post方式                  url:  'Default.aspx/GetData' ,                  data:  '{}' ,                  contentType:  "application/json; charset=utf-8" ,                  dataType:  "json" ,                  beforeSend:beforefn,                  success: successfn,                  error: errorfn,                  complete:completefn              });              var sdt;              var edt;          function beforefn(e, xhr, o) {              sdt = getTime();              }                     function successfn(result) {              $( '#dg' ).datagrid({              data: eval(result.d)              })          }                    function errorfn(err) {              alert(err.responseText);          }            function completefn( event , xhr, settings) {              edt = getTime();                alert( "开始时间："  + sdt +  " 结束时间："  + edt);          }         </script>

    后台代码：

C# code

?

1 2 3 4 5 6

[WebMethod]          public  static  string  GetData()          {              DataTable dt = DataSource.GetData();              return  Newtonsoft.Json.JsonConvert.SerializeObject(dt);          }

所用时间 ：


二、aspnet中dgridview数据绑定（只是一个简单的数据绑定）
所用时间 ：


结论：
第一种情况：耗时几秒钟
第二种情况：瞬间完成

转载于:https://www.cnblogs.com/kainjie/p/3564223.html