DataTables 여러 JSON 배열의 여러 테이블

Question

동일한 JSON 소스 내에서 두 개의 개별 배열에서 정보를 소싱하는 두 개의 테이블을 출력하려고하지만 어떤 이유로 내 코드가 작동하지 않습니다.

JSON 메시지 :

{ 
    "Policies": [ 
    { 
     "name": "A", 
     "id": "1", 
     "score": "0" 
    } 
    ], 
    "Services": [ 
    { 
     "name": "B", 
     "id": "2", 
     "score": "0" 
    } 
    ] 
} 

HTML 코드 :

<table id="policies-table" class="display" cellspacing="0" width="100%"> 
    <thead> 
    <tr> 
     <th>Name</th> 
     <th>ID</th> 
     <th>Score</th> 
    </tr> 
    </thead> 
</table> 
<table id="services-table" class="display" cellspacing="0" width="100%"> 
    <thead> 
    <tr> 
     <th>Name</th> 
     <th>ID</th> 
     <th>Score</th> 
    </tr> 
    </thead> 
</table> 

자바 스크립트 코드 : 당신은 당신의 JSON 변수를 통해 반복되지

var the_url = "www.example.com" 

var columnsDef = [ 
    { data : "name" }, 
    { data : "id" }, 
    { data : "score" } 
]; 

$(document).ready(function() { 
    $('#policies-table').DataTable({ 
     ajax : { 
     url : the_url, 
     dataSrc: "Policies" 
       }, 
     columns : columnsDef 
}), 

    $('#services-table').DataTable({ 
     ajax : { 
     url : the_url, 
     dataSrc: "Services" 
       }, 
     columns : columnsDef 
}) 
}); 

Answer 1

. prabodhprakash가 제안했듯이 "정책"과 "서비스"를 쓰는 것도 도움이되지 않습니다.

var json = { 
    "Policies": [{ 
    "name": "A", 
    "id": "1", 
    "score": "0" 
    }], 
    "Services": [{ 
    "name": "B", 
    "id": "2", 
    "score": "0" 
    }] 
} 


var policyTable = $("#policies-table").DataTable({ 
    "data" : (json.Policies), 
    "columns": [ 
     { "data": "name" }, 
     { "data": "id" }, 
     { "data": "score" }] 
}); 

var serviceTable = $("#services-table").DataTable({ 
    "data" :(json.Services), 
    "columns": [ 
     { "data": "name" }, 
     { "data": "id" }, 
     { "data": "score" }] 
});