bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
程序员文章站
2022-05-15 23:21:08
异步请求
var postdata = {...
异步请求
var postdata = { "env_name" : new_env_name, "env_url": new_env_url, "env_desc" : new_env_desc }; $.ajax({ type: 'post', url : '/test_env_add/', data : postdata, datatype : 'json', success : function(data){ $('#table_test_env').datatable().fncleartable(); //清空表格 $('#table_test_env').datatable().fnadddata(packagingdatatabledata(data),true); //刷下表格 $("#modal-container-648308").modal("hide"); }, error:function(data){ alert("新增失败"); } })
数据处理函数packagingdatatabledata,异步请求返回的data.test_env_all必须是一个json格式数据
function packagingdatatabledata(data){ var edithtml='<button href="#modal-container-648308" rel="external nofollow" data-toggle="modal" class="btn btn-xs btn-info" onclick="test_env_modify(this)"> <i class="icon-edit bigger-120"></i> </button> <button href="#modal-container-648300" rel="external nofollow" data-toggle="modal" class="btn btn-xs btn-danger" onclick="test_env_delete(this)"> <i class="icon-trash bigger-120"></i> </button>'; var a=[]; //全部行数据的list var banddata = data.test_env_all; for(var key in banddata){ var tempobj=[]; //一行数据的list tempobj.push(banddata[key].id); tempobj.push(banddata[key].name); tempobj.push(banddata[key].url); tempobj.push(banddata[key].desc); tempobj.push(edithtml); a.push(tempobj); } return a; }
以上所述是小编给大家介绍的bootstrap jquery datatable 异步ajax刷新表格数据,希望对大家有所帮助
上一篇: 糗图,都来找亮点,笑疯了都!
下一篇: 这些给我们带来欢乐的搞笑图片