2017-12-20 12 views
0

다음과 같은 데이터가 있습니다.DataTable에 대한 json 데이터 변환

HTML에서
{ 
    "data": [ 
    { 
    "c1": "datapt00", 
    "size": 40 
    }, 
    { 
    "c1": "datapt001", 
    "size": 80 
    } 
    ] 
} 

내가 뭐하는 거지 ,

$(document).ready(function) { 
$('#example').DataTAble ({ 
"ajax": { 
"url": "/data", 
}}); }); 

는 DataTable을 준수 있도록 내 데이터를 조작 할 수 THER EAN 쉬운 방법이 있나요?

답변

1

이 그것을 수행해야합니다 여기

var jsonData = { 
    "data": [ 
    { 
    "c1": "datapt00", 
    "size": 40 
    }, 
    { 
    "c1": "datapt001", 
    "size": 80 
    } 
    ] 
}; 
$('#example').DataTable({ 
    "ajax": { 
     "type": 'POST', 
     "dataType": 'json', 
     "url": '/echo/json/', 
     "data": { 
      "json": JSON.stringify(jsonData) 
     }, 
     "dataSrc": "data" 
    }, 
    "columns": [{ 
     "data": "c1" 
    }, { 
     "data": "size" 
    }] 
}); 

작업 JSFiddle : https://jsfiddle.net/annoyingmouse/70d01vo0/ 내가 jsonData를 사용하고 있지 않다 경우 발생하는

+0

. 나는 "url"로부터 나의 데이터를 얻고있다. – NinjaGaiden

+0

아, 축복해! JSFiddle에서 AJAX를 사용할 방법이 없으므로 JSFiddle에서 JSON을 가져 오는 메커니즘입니다. { "url": "/ data", "dataSrc": "data"}''{ajax} '라인을 따라 무언가를 사용하고 싶을 것입니다. 그것이 의미 있고 도움이되기를 바랍니다. – annoyingmouse

+0

많은 도움이됩니다. 감사 – NinjaGaiden