How can the json array retrieved from the background be displayed with easyui’s datagrid?

  java, question
Click button to call getAll method to fetch data from database.
 Jsp code:
 
 <input type="text" class="txt">
 < button onclick="getAll () "> query < /button><br/ >
 <table id="dg-order" ></table>
 
 Js code:
 function getAll(){
 var text = $('.txt').val();
 $.ajax({
 Url:basePath plus "list/all",
 data:{
 userid:text,
 },
 success:function(result){
 $('#dg-order').datagrid("loadDate",result);
 bracket
 });
 };

Result is the returned json string [{“address “:”general road “,”orderlitem list “:[{“id “:180,” num “:2,” price “:40.0}],” status “:0,” userid “:16}]

Before, I did a project with easyui in the background and paginated 20 pieces of data per page:

The page introduces easyui library, table plusclass="easyui-datagrid"

< table id = "dg" class = "easyui-datagrid" title = "user information" style = "height: 500px" data-options = "
 rownumbers:true,
 singleSelect:true,
 autoRowHeight:true,
 pagination:true,
 pageSize:20,
 Url:' < percentage =request.getContextPath () percentage > /admin/user/list-by-page.jspx',
 method:'get',
 toolbar:'#tb'">
 <thead>
 <tr>
 <th data-options="field:'id',width:50">ID</th>
 < thdata-options = "field:' nickname', width: 250" > mobile number < /th >
 < thdata-options = "field:' equipids', width: 300" > binding equipment < /th >
 < thdata-options = "field:' current equipment', width: 150" > current equipment < /th >
 < thdata-options = "field:' createtime', width: 150" > registration time < /th >
 </tr>
 </thead>
 </table>

Search load data

My search criteria here are: User ID

$('#dg').datagrid('load',{
 accountId: $('#accountId').val(),
 });

The server returns the data format

Background api data should be returned in this format:

bracket
 "total": 15,
 "rows": [
 bracket
 "createtime": "2016-07-06 16:26:04",
 "id": 7,
 "createTime": 1467793564,
 "nickname": "13433333333(Jan)",
 "updateTime": 1470795733,
 "currentequiment": 0,
 "equipIds": ""
 },
 ...
 bracket
 bracket