JQuery Ajax动态加载Table数据的实例讲解

<select id="type" name="type" onchange="reloadtable(this)"></select>
<table id="import-table" class="table table-striped table-bordered table-hover" width="100%"></table>

function loaddata() {
 var c = '<label><input type="checkbox" id="checkbox1" class="ace" onchange="javascrpt:selectall(this);"/><span class="lbl"></span></label>';
 $('#import-table').datatable({
  ajax: {
   url: '<%=request.getcontextpath()%>' + "../../../hot/getbycode.action?code=app",
   type: "post",
   datatype: "json",
   data: {}
  },
  "scrollcollapse": true,
  ordering: false,
  visible: true,
  api: true,
  serverside: true,
  columns: [{
   "data": "id",
   "class": "center",
   "width": "80px",
   "name": "importid",
   orderable: false,
   "title": c,
   "render": function(a, b, c, d) {
    return getcolumnreturnstr("checkbox", c.id, "importid")
   }
  },
  {
   "data": "name",
   "title": "名称"
  },
  ],
  "dom": "<'row'<'col-sm-6'l><'col-sm-6'f>r>t<'row'<'col-sm-6'i><'col-sm-6'p>>",
  initcomplete: function() {}
 });
}

function reloadtable(){ 
 var code = $("#type option:selected").val();

 $('#import-table').datatable()
 .ajax.url( 
  '<%=request.getcontextpath()%>'+"../../../hot/getbycode.action?code="+ code
 ).load();

}