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

```javascript

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("新增失败");

}

});

```

```javascript

function packagingdatatabledata(data){

var editHtml='...'; // 这里是你的编辑和删除按钮的HTML代码

var a=[]; // 用于存储所有行数据的数组

for(var key in banddata){

var tempObj=[]; // 用于存储一行数据的数组

tempObj.push(banddata[key].id);

tempObj.push(banddata[key].name);

tempObj.push(banddata[key].url);

tempObj.push(banddata[key].desc);

tempObj.push(editHtml); // 添加编辑和删除按钮的HTML代码

a.push(tempObj); // 将一行数据添加到数组中

}

return a; // 返回包含所有行数据的数组

}

```