[php]Datatable ajax 통신하기.

기존에는 Datatable tbody 자체에 for_each함수를 써서 풀어내곤 했는데, ajax 통신으로 풀어내야 하는 경우가 있었다.

그로인해 js로 append나 html을 한 경우 문제가 발생하더라.

테이블 자체에 데이터가 없기에 빈 테이블입니다 라는 경고문과 아니면 10개 내지 50개 이렇게 갯수 출력을 바꾸니 테이블 tbody 데이터가 사라지는 문제가 발생하였다.

 

그로인해 ajax를 해야 했는데

DataTables: Cannot read property 'length' of undefined

라는 오류를 내뿜더라.

 

아무튼 해결함.

$(document).ready(function() {
	$('#테이블 id').DataTable({
		ajax: {
			url: '데이터 통신.php',
			type: 'GET',
			data : {
				// 통신으로 보내야 할 내용.
			},
			dataSrc :'', // 이건 그냥 빈칸이 좋다. 주로 오류가 여기서 남. datatype도 가급적 쓰지말자.
		},
		columns: [
			{data: "type"},
			{data: "price"},
			{data: "quantity"},
			{data: "time"}
		]
	});
});

 

다음 이야기

https://kasumil.tistory.com/197

[PHP] DATATABLE AJAX 통신하기2.

 

참고 자료

https://stackoverflow.com/questions/34287402/datatables-cannot-read-property-length-of-undefined

DataTables: Cannot read property 'length' of undefined

https://aejeong.com/entry/DataTable-Ajax-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

DataTable Ajax 사용하기

아래 링크의 데이터 이름이 필요하다고 한 부분은 필요가 없었다.

내 데이터는 [{type: 1, name: 23, desc: "happy"}] 이런 구성인데도 잘된다.

https://www.leafcats.com/104

datatables Cannot read property 'length' of undefined 에러 해결