datatables配置及數據傳輸

var merchant_url = "index.php?op=merchant";  
        
var table_merchant_setting ={
          "ajax": merchant_url + "&extend_op=get",
          "ordering":  false,
          "searching": false,
          "processing": true,
          "serverSide": false, //本地JSON文件要設為false，true會不能分頁
          "oLanguage": {
              "sProcessing": "正在加載中......",
              "sLengthMenu": "每頁顯示 _MENU_ 條記錄",
              "sZeroRecords": "正在加載中......",
              "sEmptyTable": "表中無數據存在！",
              "sInfo": "當前顯示 _START_ 到 _END_ 條，共 _TOTAL_ 條記錄",
              "sInfoEmpty": "顯示0到0條記錄",
              "sInfoFiltered": "數據表中共為 _MAX_ 條記錄",
              "sSearch": "搜索：",
              "oPaginate": {
                      "sFirst": "首頁",
                      "sPrevious": "上一頁",
                      "sNext": "下一頁",
                      "sLast": "末頁"
                    }
          }
          ,"columns": [
                    { "data": "s_id" },        //json文件里的name值
                    { "data": "merchant_name" }, 
                    { "data": "type",render: function(data){return data==0?"文本":"多行文本"}},//值得轉換  對數據進行函數操作要用render來渲染
                    { "mData": "buy_ok_time",render: function(data){return new Date(parseInt(data) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');}},//時間轉換
                    { "data": null,"defaultContent": "<a class='btn btn-xs btn-info media_right_3' onclick='edit_merchant(this);'>編輯</a>", render: function(){$("[data-toggle='tooltip']").tooltip();}},       //操作欄
              ],
           "order": [[0, "desc" ]],
           "initComplete": function(settings, json){ //初始化配置執行函數
　　　　　　　　　　　　　　　　　　$(".yr_ct tr").each(function(){
                                  al_rec += parseInt($(this).find("td").eq(1).text());
                           });
                      $(".year_rec").text(al_rec + '元');
                       };
 }

var table_merchant = $("#data_table_merchant").DataTable(table_merchant_setting); //初始化表格   $("#search1").click(function() { //搜索框 if($("#search_text").val()) { var sch_knd = $("#title").text(); var sch_cnt = $("#search_text").val(); $.get(merchant_url + "&extend_op=orderlist", { kind: sch_knd, cnt: sch_cnt }, function(data){ table_merchant.ajax.url(merchant_url + "&extend_op=orderlist&" + 'kind=' + sch_knd + '&cnt=' + sch_cnt).load(function(data）{
//再次加載時執行的函數
}); //回調執行重新加載搜索到的內容的地址  }); } else { layer.alert("請輸入你要搜索的信息"); }; }); function display_add_merchant(){ $(".add_merchant_div").css("display","block"); $(".merchant_list").css("display","none"); } function add_merchant(){ display_add_merchant(); $(".add_merchant_div .title").text("添加"); $(".add_merchant_div .submit").attr("onclick","save_add_merchant();"); }; function save_add_merchant(){ var data = getFormJson(".add_merchant_form"); //獲取form表單數據 class名必須為form標簽內的 $.post(merchant_url + "&extend_op=add",data,function(data){ if(data.err == "0"){ table_merchant.ajax.reload(); //重新加載ajax layer.alert("添加成功！"); hidden_add_merchant(); }else{ layer.alert(data.msg); } },"json") } function hidden_add_merchant(){ $(".add_merchant_div").css("display","none"); $(".merchant_list").css("display","block"); $(".add_merchant_form")[0].reset(); //填寫的表單內容清空 } function edit_merchant(e){ display_add_merchant(); $(".add_merchant_div .title").text("編輯"); $(".add_merchant_div .submit").attr("onclick","save_edit_merchant();"); var data = table_merchant.row( $(e).parents('tr') ).data(); //獲取本行內容 注意(e)傳值 fillFormJson(".add_merchant_form",data) } function save_edit_merchant(e){ var data = getFormJson(".add_merchant_form"); $.post(merchant_url + "&extend_op=update",data,function(data){ if(data.err == "0"){ layer.alert("編輯成功！"); hidden_add_merchant(); table_merchant.ajax.reload(); hidden_add_merchant(); }else{ layer.alert(data.msg); } },"json") } function del_merchant(e){ layer.alert('確定刪除？',function(){ var data = table_merchant.row( $(e).parents('tr') ).data(); var id = data.id; $.get(merchant_url + "&extend_op=del&id=" + id,function(data){ if(data.err == "0"){ layer.alert("刪除成功！"); table_merchant.ajax.reload(); }else{ layer.alert(data.msg); } },"json") }); } //獲取表單json數據 function getFormJson(frm) { var o = {}; var a = $(frm).serializeArray(); //序列化表單內容 $.each(a, function () { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; } //填寫表單json數據，填充的那個框標簽需是input function fillFormJson(frm,data) { var input = $(frm).find('[name]'); input.each(function(i,e) { $.each(data,function(k,v) { if (k == $(e).attr('name')) { $(e).val(v); }; }) }) }