JSON 형식으로 jquery datatable 데이터를 서버에 게시

Question

나는이 질문이 SO와 datatables 사이트에서 여러 번 요청되었지만 제공된 솔루션을 사용하여 작동시키지 못한다는 것을 알고 있습니다.

클라이언트 측에서 데이터 테이블을 구축 중이며 클라이언트 데이터를 JSON 형식의 wep api 컨트롤러에 게시하려고합니다.

행을 추가/삭제할 때 클라이언트 측에서 올바르게 작동합니다. 하지만 난 사용하여 내 JSON을 만들려고 할 때 :

var table = $('#detailTable').DataTable(); 
var details = JSON.stringify(table.rows().data().toArray()); 

을 나는 다음과 같은 결과를 얻고 그래서

[["11046","ABC","bis","123","123",15129]] 

기본적으로 내가 이렇게 웹 API가 실패, 내 JSON 객체에서 열 이름을 놓치고를 그것을 선택하고로 변환 :

그래서 나는 다음과 같은 형식의 JSON 생성하는 datatables을 얻을 수있는 방법

List<ReceiptEntryViewModel> ReceiptDetails 

:

를 691,363,210

[["ItemId":"11046","ItemCode":"ABC","ItemName":"bis","Price":"123","Quantity":"123","Total":15129]] 

Answer 1

그냥 열 이름을 수집하고 JSON에서 속성 이름으로 그들을 사용하려면, 당신은 열 이름의 배열이 방식으로 구축 할 수 있습니다 :

var fieldNames = [], json = [] 
table.settings().columns()[0].forEach(function(index) { 
    fieldNames.push($(table.column(index).header()).text()) 
}) 

I 필터링 text()을 사용하고를 어떤 HTML든지. 그리고 위와 같이 할 대신 각 행을 반복하고, 수집 된 fieldNames를 사용하여 각 행에 대한 객체 리터럴 (JSON 항목) 구성 :

table.rows().data().toArray().forEach(function(row) { 
    var item = {} 
    row.forEach(function(content, index) { 
    item[fieldNames[index]] = content 
    }) 
    json.push(item) 
}) 

지금 당신은 당신이 stringify을 할 수 있고 서버에 보내 유효한 JSON이있다.

작은 샘플 데모 -이 그냥 예입니다>http://jsfiddle.net/5j9wgorj/

참고. 더 큰 데이터 세트를 가지고 있다면 forEach을 피해야하고 대신 for -loops를 사용해야합니다. 또한 개발자가 열 이름과 미리 속성의 이름을 지정하기 때문에 헤더 이름 배열을 맹목적으로 다시 작성할 필요가 없습니다.

---

해결책으로 업데이트되었습니다. dataTable 자체에서 JSON을 사용할 준비가되어 있으면 JSON을 구축하는 데 따르는 어려움을 피할 수 있습니다.

var table = $('#example').DataTable({ 
    columns : [ 
    { data : 'myField' } 
    ] 
}) 

을 그리고 JSON/리터럴로 새 행을 삽입합니다하십시오 columns 섹션을 정의

table.row.add({ myField: 'some value' }).draw() 

지금

JSON.stringify(table.rows().data().toArray()) 

가 serverscript에 전달 될 수있는 유효한 JSON 문자열을 반환합니다.

데모 - 그것은 작동 할 수처럼>http://jsfiddle.net/d07f6uvf/