bootstrap table动态加载数据示例代码

<div class="modal fade " id="ClickModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" > <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header"><button onclick="colseClickModal()" class="close" type="button" data-dismiss="modal">×</button><h2 id="myModalLabel">关键词表</h2></div><div class="modal-body" style="height:310px"><table class="table table-hover"id="ClickTable"  >   <thead>            <tr>                                           <th id="gjc" data-field="ID" data-sortable="true">                  关键词 <a style="color:red">(双击选择)</a>             </th>              <th data-field="REQUESTCONETENT" >                 请求内容              </th>                     </tr>          </thead> </table>  </div><div class="modal-footer"><a href="JavaScript:void(0)" rel="external nofollow" onclick="colseClickModal()" class="btn">关闭</a></div> </div></div></div>

   function chooseBtn1(){      $.ajax({      type:"POST",      url:'wxgl/findKey',      success:function(data){        var dataJson = eval('(' + data + ')');        var datalist = dataJson.keys;        $('#ClickTable').bootstrapTable('destroy').bootstrapTable({  //'destroy' 是必须要加的==作用是加载服务器//  //数据，初始化表格的内容Destroy the bootstrap table.          data:datalist,   //datalist 即为需要的数据          dataType:'json',          data_locale:"zh-US",  //转换中文 但是没有什么用处          pagination: true,          pageList:[],          pageNumber:1,          pageSize:5,//每页显示的数量          paginationPreText:"上一页",          paginationNextText:"下一页",          paginationLoop:false,     //这里也可以将TABLE样式中的<tr>标签里的内容挪到这里面：        columns: [{           checkbox: true         },{           field: 'ID',           title:'关键词 ',           valign: 'middle',         },{         field: 'REQUESTCONETENT',         title:'请求内容'         }]          onDblClickCell: function (field, value,row,td) {                   console.log(row);             $('#msgId').val(row.ID);            $('#ClickModal').modal('hide');           }         });         $('#ClickModal').modal('show');      },error:function(data){        Modal.confirm({title:'提示',msg:"刷新数据失败!"});      }          })        }

   @RequestMapping(value="findKey")@ResponseBodypublic void findKey(HttpServletResponse response,HttpServletRequest request) throws IOException{        List<Key> keys = null;         keys=menuService.findKey(wxid);        Map<String, Object> jsonMap = new HashMap<String, Object>();// 定义mapjsonMap.put("keys", keys);// rows键 存放每页记录 listJSONObject result = JSONObject.fromObject(jsonMap);// 格式化resultresponse.setContentType("text/html;charset=utf-8");PrintWriter writer = response.getWriter();writer.write(result.toString());writer.flush();}