[javascript] DataTables에서 특정 셀의 데이터를 서버로 전송하는 방법은 무엇인가요?
1. 특정 셀의 데이터 가져오기 먼저, 선택한 테이블의 특정 셀의 데이터를 가져와야 합니다. DataTables API를 이용하면 쉽게 데이터를 가져올 수 있습니다.
var table = $('#example').DataTable();
var cellData = table.cell(rowIdx, colIdx).data();
위 코드에서 rowIdx
와 colIdx
는 각각 원하는 셀의 행(인덱스)과 열(인덱스) 번호입니다.
2. AJAX를 사용하여 서버로 데이터 전송 다음으로, 가져온 데이터를 서버로 전송해야 합니다. 이를 위해 JavaScript의 AJAX를 사용할 수 있습니다.
$.ajax({
url: '/your-server-url',
method: 'POST',
data: { cellData: cellData },
success: function(response) {
// 서버로부터의 응답을 처리하는 코드 작성
},
error: function(error) {
// 에러 처리 코드 작성
}
});
위 코드에서는 AJAX POST 요청을 보내고, cellData
를 서버로 전송하고, 성공 및 실패 시의 콜백 함수를 정의했습니다. 실제 서버 URL과 콜백 함수의 내용은 해당 프로젝트에 맞게 수정해야 합니다.
이렇게하면 DataTables에서 특정 셀의 데이터를 서버로 전송할 수 있습니다.