導語:下面小編給大家提供瞭如何實現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;
}