bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
异步请求
varpostData={
"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格式数据
functionpackagingdatatabledata(data){
vareditHtml='<buttonhref="#modal-container-648308"rel="externalnofollow"data-toggle="modal"class="btnbtn-xsbtn-info"onclick="test_env_modify(this)"><iclass="icon-editbigger-120"></i></button><buttonhref="#modal-container-648300"rel="externalnofollow"data-toggle="modal"class="btnbtn-xsbtn-danger"onclick="test_env_delete(this)"><iclass="icon-trashbigger-120"></i></button>';
vara=[];//全部行数据的list
varbanddata=data.test_env_all;
for(varkeyinbanddata){
vartempObj=[];//一行数据的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);
}
returna;
}
以上所述是小编给大家介绍的bootstrapjquerydataTable异步ajax刷新表格数据，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！