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;
 }

以上所述是小编给大家介绍的bootstrap jquery dataTable 异步ajax刷新表格数据，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap异步刷新  # ajax异步刷新  # 在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法  # Bootstrap table表格初始化表格数据的方法  # BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传  # Angualrjs和bootstrap相结合实现数据表格table  # bootstrap table 数据表格行内修改的实现代码  # Bootstrap Table表格一直加载(load)不了数据的快速解决方法  # bootstrap-table获取表格数据的多种方式  # 小编  # 是一个  # 在此  # 给大家  # 数据处理  # 所述  # 给我留言  # 感谢大家  # 清空  # 行数  # 疑问请  # 有任何  # table_test_env  # dataTable  # success  # json  # data  # function  # dataType  # fnClearTable 

相关文章： 已有域名建站全流程解析：网站搭建步骤与建站工具选择  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  广州商城建站系统开发成本与周期如何控制？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  简历在线制作网站免费版,如何创建个人简历？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  如何基于云服务器快速搭建个人网站？  详解jQuery中基本的动画方法  如何快速生成专业多端适配建站电话？  如何用PHP快速搭建高效网站？分步指南  如何正确选择百度移动适配建站域名？  如何通过虚拟主机快速完成网站搭建？  黑客入侵网站服务器的常见手法有哪些？  如何高效完成自助建站业务培训？  无锡营销型网站制作公司,无锡网选车牌流程？  建站之星Pro快速搭建教程：模板选择与功能配置指南  黑客如何利用漏洞与弱口令入侵网站服务器？  如何用wdcp快速搭建高效网站？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  湖北网站制作公司有哪些,湖北清能集团官网？  如何快速生成凡客建站的专业级图册？  广平建站公司哪家专业可靠？如何选择？  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  建站之星安装后如何自定义网站颜色与字体？  音乐网站服务器如何优化API响应速度？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  如何访问已购建站主机并解决登录问题？  网站制作企业,网站的banner和导航栏是指什么？  建站之星如何通过成品分离优化网站效率？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  建站之星如何快速解决建站难题？  建站VPS推荐：2025年高性能服务器配置指南  创业网站制作流程,创业网站可靠吗？  Android自定义listview布局实现上拉加载下拉刷新功能  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  如何在IIS7中新建站点？详细步骤解析  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  香港服务器网站卡顿？如何解决网络延迟与负载问题？  建站之星展会模板：智能建站与自助搭建高效解决方案  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  个人网站制作流程图片大全,个人网站如何注销？  如何快速查询网站的真实建站时间？  香港服务器部署网站为何提示未备案？  建站之星如何实现网站加密操作？  如何在阿里云域名上完成建站全流程？  如何彻底删除建站之星生成的Banner？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  内网网站制作软件,内网的网站如何发布到外网？  建站主机是什么？如何选择适合的建站主机？