189 8069 5689
这篇文章主要为大家展示了“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=' ';
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刷新表格数据”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！