2017-08-22 14 views
0

ajaxレスポンスからdatatableをロードし、サーバー側処理を実行しようとしています。サーバーサイド処理を使用してデータテーブルにカスタムレスポンスをロードする

{"msg":null,"code":null,"status":null,"result":[{"aNumber":"3224193861","bNumber":"3215910681","dateTime":"2017-06-05 09:44:22.0","duration":778,"imei":"47350901163665"},{"aNumber":"3224193861","bNumber":"3028540439","dateTime":"2017-04-26 18:53:23.0","duration":266,"imei":"31489802062929"}],"draw":1,"limit":1000,"recordsFiltered":13419,"recordsTotal":13419} 

AJAXやデータテーブルを処理するために、この私のjavascriptのコード:

このthis exampleを使用すると、私は、サーバーから受け付けており応答です。これにより

function showDataTable(anumber, startdate, enddate) { 
    var cdrReqParams = {}; 
    cdrReqParams.draw = '1'; 
    cdrReqParams.offset = 0; 
    cdrReqParams.newRequest = '1'; 
    cdrReqParams.totalRecords = '1'; 
    cdrReqParams.lookInCol = 'aNumber'; 
    cdrReqParams.lookInVal = anumber; 
    cdrReqParams.fromDate = startdate; 
    cdrReqParams.toDate = enddate; 

    var jsonStr = JSON.stringify(cdrReqParams); 
    console.log(jsonStr); 

    API.call("http://localhost:8050/phpservice/json.php", 'POST', function(data) { 
     basicData = data.result; 
     console.log(basicData); 
     oTable = $("#table").dataTable({ 
      bJQueryUI: true, 
      bPaginate: true, 
      sPaginationType: "full_numbers", 
      bFilter: false, 
      bInfo: false, 
      bProcessing: true, 
      bServerSide: true, 
      aaData: [basicData], 
      aoColumns: [{ 
       "sTitle": "ANUMBER", 
       "mData": "aNumber" 
      }, { 
       "sTitle": "BNUMBER", 
       "mData": "bNumber" 
      }, { 
       "sTitle": "DATETIME", 
       "mData": "dateTime" 
      }, { 
       "sTitle": "DURATION", 
       "mData": "duration" 
      }, { 
       "sTitle": "IMEI", 
       "mData": "imei" 
      }] 
     }); 
    }, function(error) { 
     console.log(error); 
    }, jsonStr); 
} 

、Iは2つのエラー

のDataTable警告受信午前:テーブルID =テーブル - 要求された未知パラメータ 行0 'aNumber'、このエラーの詳細については、列0を、 参照してください。http://datatables.net/tn/4

JSONレスポンスが無効です。

このタイプの問題の回避策はありますか?最初にajaxコールを実行し、受信したデータからサーバー側の処理でdatatableを作成しますか?

誰かが私に少なくともヒントを与えてくれることを願っています。データテーブル1.10、(私はあなたが以前のバージョンを使用しているかもしれないと思う)で

答えて

0

、あなたがcolumns.dataプロパティを使用して、セル内のデータを移入し、フォーマットすることができますが:

columns: [    
      { data: "", defaultContent: " " },    

      { data: null, 
       defaultContent: " ", 
       render: function (data, type, row, meta) { 
           return data.ID; 
       } 
      } 
      ] 
関連する問題