異步請求
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刷新表格數據，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持！
新聞熱點
疑難解答
圖片精選
