[javascript] DataTables에서 특정 행의 데이터를 서버로 전송하는 방법은 무엇인가요?
DataTables에서 특정 행의 데이터를 서버로 전송하는 방법은 Ajax 요청을 사용하는 것입니다. 이를 통해 선택한 행의 데이터를 서버로 보낼 수 있습니다. 아래는 예시 코드입니다.
$('#myTable').DataTable({
// DataTables 설정
});
$('#myTable').on('click', 'tbody tr', function () {
// 행 클릭 이벤트 처리
$(this).toggleClass('selected');
});
$('#btnSubmit').click(function () {
// 서버로 선택한 행의 데이터 전송
var selectedData = [];
$('#myTable .selected').each(function () {
selectedData.push($('#myTable').DataTable().row($(this)).data());
});
$.ajax({
url: '/submit-data',
method: 'POST',
data: JSON.stringify(selectedData),
contentType: 'application/json',
success: function (response) {
// 성공적으로 데이터가 전송되었을 때 처리할 로직 작성
},
error: function (error) {
// 데이터 전송 중 오류가 발생했을 때 처리할 로직 작성
}
});
});
위의 코드에서는 DataTables에 myTable이라는 ID를 가진 테이블이 있다고 가정합니다. 사용자가 표의 행을 클릭하면 해당 행에 selected 클래스가 추가되며, 전송 버튼인 btnSubmit을 클릭하면 선택한 행의 데이터를 서버로 전송합니다. 선택한 행의 데이터는 배열로 저장되며, Ajax 요청을 통해 JSON 형식으로 서버로 전달됩니다. 전송이 성공하면 success 함수가 호출되며, 실패하면 error 함수가 호출됩니다.