一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2017-03-27 编辑:简简单单 来源:一聚教程网

异步请求        

 代码如下复制代码

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=''

 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;

}

热门栏目