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

 更新时间:2017年02月10日 15:21:07   作者:拖油瓶ZZH  
这篇文章主要介绍了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刷新表格数据,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • JS 毫秒转时间示例代码

    JS 毫秒转时间示例代码

    毫秒转时间的方法有很多,在本文将为大家介绍下js中是如何实现的,感兴趣的朋友可以参考下
    2013-09-09
  • javascript 拷贝节点cloneNode()使用介绍

    javascript 拷贝节点cloneNode()使用介绍

    这篇文章主要介绍了javascript 节点操作拷贝节点cloneNode()的使用,需要的朋友可以参考下
    2014-04-04
  • js文件中直接alert()中文出来的是乱码的解决方法

    js文件中直接alert()中文出来的是乱码的解决方法

    下面小编就为大家带来一篇js文件中直接alert()中文出来的是乱码的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • 微信小程序实现虎年春节头像制作

    微信小程序实现虎年春节头像制作

    春节来临之际,看到有网友分享了网页版的虎年头像制作工具。本文将为大家介绍一个虎年春节头像制作小程序,文中的示例代码讲解详细,需要的可以参考一下
    2022-02-02
  • 一个简单的js动画效果代码

    一个简单的js动画效果代码

    前段时间为了做动画,学习了一下tween算法的使用,这几天根据tween算法,然后根据各种材料参考,做了一个简单的动画函数.
    2010-07-07
  • Javascript promise异步编程浅析

    Javascript promise异步编程浅析

    这篇文章主要介绍了Javascript promise异步编程,Promise 是异步编程的一种解决方案,可以替代传统的解决方案–回调函数和事件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-04-04
  • 可选择和输入的下拉列表框示例

    可选择和输入的下拉列表框示例

    如果想实现可选择和输入的下拉列表框,那么下面有个不错的示例,希望大家可以参考下
    2013-11-11
  • js实现交换运动效果的方法

    js实现交换运动效果的方法

    这篇文章主要介绍了js实现交换运动效果的方法,涉及javascript操作页面元素与相关样式实现交换运动效果的技巧,需要的朋友可以参考下
    2015-04-04
  • JavaScript实现九宫格抽奖

    JavaScript实现九宫格抽奖

    这篇文章主要为大家详细介绍了JavaScript实现九宫格抽奖,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • JavaScript请求后台数据的常用方法汇总

    JavaScript请求后台数据的常用方法汇总

    这篇文章主要介绍了JavaScript请求后台数据的几种常用方式,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-06-06

最新评论