最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
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; } |
-
上一个: JS实现的数字格式化功能示例
-
下一个: js仿QQ邮箱收件人选择与搜索功能
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31