jQuery EasyUI- DataGrid使用 从数据库查询得到数据显示在前台的jsp页面，如何实现？

最近刚学easyui，对于数据的填充，有所不明，使用MySQL数据库，使用easyui技术，编写考勤管理系统，进入页面后，显示数据库中当日的考勤记录，后台有数据，怎么显示在前台的主页上呢？

1、首先写入导出按钮和需要导出的datagrid列表。



2、点击导出按钮；获得需要导出的字段与不需要导出的数据进行数据处理，并且进行json解析。



3、异步操作进入后台获取数据。



4、后台将数据写入excel(其中还有一个帮助类)。

$(function(){<br>   $('#list_data').datagrid({   <br>        title:'应用系统列表',   <br>        iconCls:'icon-edit',//图标   <br>        width: 'auto',   <br>        height: 'auto',   <br>        nowrap: false,   <br>        striped: true,   <br>        border: true,   <br>        collapsible:false,//是否可折叠的   <br>        //fit: true,//自动大小   <br>        loadMsg: '加载中,请稍等',<br>        //data:jsondata,<br>        url:'login.do',   <br>        //sortName: 'code',   <br>        //sortOrder: 'desc',   <br>        remoteSort:false,    <br>        idField:'CARDID',   <br>        singleSelect:false,//是否单选   <br>        pagination:true,//分页控件   <br>        rownumbers:true,//行号   <br>        fitColumns:true,<br>        frozenColumns:[[   <br>            {field:'ck',checkbox:true}   <br>        ]],   <br>        columns:[[{<br>            title:'区局ID',<br>            field:'CARDID',<br>            align:'center',<br>            width:100<br>        },{<br>            title:'区局',<br>            field:'CARDINFO',<br>            align:'center',<br>            width:100<br>        },{<br>            title:'网站',<br>            field:'CARDPHONE',<br>            align:'center',<br>            width:100    <br>        }<br><br>        ]],<br><br><br>        toolbar: [{   <br>            text: '添加',   <br>            iconCls: 'icon-add',   <br>            handler: function() {   <br>                openDialog(&quot;add_dialog&quot;,&quot;add&quot;);   <br>            }   <br>        }, '-', {   <br>            text: '修改',   <br>            iconCls: 'icon-edit',   <br>            handler: function() {   <br>                openDialog(&quot;add_dialog&quot;,&quot;edit&quot;);   <br>            }   <br>        }, '-',{   <br>            text: '删除',   <br>            iconCls: 'icon-remove',   <br>            handler: function(){   <br>                delAppInfo();   <br>            }   <br>        }]<br>    });   <br>    //设置分页控件   <br>    var p = $('#list_data').datagrid('getPager');   <br><br>    $(p).pagination({   <br>        //pageSize: pageSize,//每页显示的记录条数，默认为10   <br>        pageList: [5,10,15],//可以设置每页记录条数的列表   <br>        beforePageText: '第',//页数文本框前显示的汉字   <br>        afterPageText: '页    共 {pages} 页',   <br>        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',<br>        onBeforeRefresh:function(){  <br>            $(this).pagination('loading');  <br>            alert('before refresh');  <br>            $(this).pagination('loaded');  <br>        } <br>    }); <br><br>    });<br><br>   function openDialog(){<br>       var ids = [];<br>       var rows = $('#list_data').datagrid('getSelections');<br>       for(var i=0; i&lt;rows.length; i++){<br>           ids.push(rows[i].CARDID);<br>       }<br>       alert(rows.length);<br>       alert(ids);<br>   } 类似这样？ 不过easyui版本不一样的话 写法也不一样，最好是找到对应版本的官方文档去写，网上的实例往往都是比较旧的版本，最好只做参考，对照官方文档去写才是正道

啥意思啊 什么版定啊 easyui datagrid 要么连接一个json文件 或者一个json对象数组 要么就是远程加载一个连接 返回一个json对象数组