如何实现bootstrap jquery dataTable异步ajax刷新表格数据

导语：下面小编给大家提供了如何实现bootstrap jquery dataTable 异步ajax刷新表格数据，大家可以参考阅读，更多详情请关注应届毕业生考试网。

　　异步请求

var postData = {

"env_name" : new_env_name,

"env_url": new_env_url,

"env_desc" : new_env_desc

};

$({

type: 'POST',

url : '/test_env_add/',

data : postData,

dataType : 'json',

success : function(data){

$('#table_test_env')Table()earTable(); //清空表格

$('#table_test_env')Table()dData(packagingdatatabledata(data),true); //刷下表格

$("#modal-container-648308")l("hide");

},

error:function(data){

alert("新增失败");

}

})

数据处理函数packagingdatatabledata，异步请求返回的_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=[]; //全部行数据的

var banddata = _env_all;

for(var key in banddata){

var tempObj=[]; //一行数据的list

(banddata[key]);

(banddata[key]);

(banddata[key]);

(banddata[key]);

(editHtml);

(tempObj);

}

return a;

}