导语：下面小编给大家提供了如何实现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;

　　}

1.通过JavaScript特效控制内容展示的11种方法

2.java程序员学习路线详解

3.公司Java工程师面试笔试题

4.计算机二级考试Java重点内容2017

5.JAVA相关基础知识及面试题

6.Java程序员必知的调试10大技巧

7.Java编程语言在什么行业应用中最抢手

8.javasc ript 返回上一页及刷新页面的实现方法

9.使用Java程序连接各种数据库的方法介绍

10.JavaScript与java语言有何区别