日本无码中文字幕片|日本精品在线观看无码视频|国产精品免费啪啪|Av无码一区二区|亚洲在线黄片免费观看|亚洲日韩中文字幕在线观看|熟女激情乱伦在线观看a黄片|成年人观看毛片网址|AV色色色色日韩性草|国产高清无码免费

java語言

如何實現bootstrap jquery dataTable異步ajax

時間:2025-02-01 13:05:38 java語言 我要投稿
  • 相關推薦

如何實現bootstrap jquery dataTable異步ajax刷新表格數據

  導語:下面小編給大家提供了如何實現bootstrap jquery dataTable 異步ajax刷新表格數據,大家可以參考閱讀,更多詳情請關注應屆畢業(yè)生考試網。

  異步請求

  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選項卡效果09-14

Jquery.form插件實現跨域異步上傳功能05-20

BootStrap select2 如何實現動態(tài)改變值09-22

Html5如何實現文件異步上傳功能09-16

jQuery Mobile + PHP實現文件上傳10-20

使用python實現Linux異步epoll的代碼10-27

基于PHP+Ajax實現表單驗證的詳解08-22

jquery+php實現搜索框自動提示07-16

PHP 中 MySQL 數據庫異步查詢實現08-22