如何实现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
};
$.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刷新表格数据】相关文章:
使用python实现Linux异步epoll的代码08-04
PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传08-16
php如何实现快速排序09-07
Dreamweaver如何插入表格07-28
WPS表格如何共享10-03
WindowsXP模块如何实现系统恢复08-13
如何实现C语言画图教程11-19
如何用PHP实现找回密码09-21
php如何实现验证码09-07